<template>
  <div id="app">
 <!-- <div class="fm-header">  </div> -->
    <router-view />
  </div>
</template>

<script>

export default {
  name: 'app',
  methods: {
    handleHome () {
      this.$router.push({path: '/'})
    }
  }
}
</script>

<style lang="scss">

    .eo-interactive-list {
        font-size: 12px;
        font-family: monospace;
        background-color: #fafafa;
        border: none; }
    .eo-interactive-list-title {
        font-family: monospace;
        padding: 2px;
        list-style: none;
        text-overflow: ellipsis;
        overflow: hidden;
        background-color: #eeeeee;
        top: 4px;
        position: relative;
        margin: 4px 4px 6px;
        font-size: 10px; }
    .eo-interactive-list-item {
        text-overflow: ellipsis;
        overflow: hidden;
        cursor: pointer;
        padding-left: 4px;
        color: #757575;
        padding-right: 4px;
        height: 14px;
        /* TODO CLD-11658 quick fix filter 2 lines instead of ellipsis */ }
    .eo-interactive-list-item--selected {
        background-color: #337ab7;
        color: white;
    }
    .eo-interactive-list-footer {
        font-family: monospace;
        padding-left: 2px;
        background-color: #eeeeee;
        bottom: 4px;
        position: relative;
        margin: 8px 4px 4px;
        font-size: 10px; }
    .eo-interactive-list .md-virtual-repeat-scroller {
        height: 84px;
        position: relative;
        z-index: 999999999; }
    .eo-interactive-list .md-virtual-repeat-container {
        position: relative;
        z-index: 999999999; }

    .eo-variable-assistant-controls-wrapper {
        position: absolute;
        z-index: 2147483647;
        background-color: white;
        min-width: 200px; }

    .eo-variable-assistant-controls-filter-selector-input {
        font-family: monospace;
        width: 200px;
        box-sizing: border-box;
        outline: 1px solid deepskyblue; }

    .flowable .eo-vis-editor-content-layout {
        top: 80px; }
    .flowable .eo-vis-editor-content-layout .eo-vis-editor-center {
        height: 100%; }

    .flowable .eo-vis-palette-group-item-node-icon {
        height: auto; }

    /**
  UI.Layout CSS
*************************************/
    .stretch {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /* Can be changed by hand ;)*/
        overflow: auto;
    }

    .animate-row {
        -webkit-transition: height .8s cubic-bezier(0, 1.05, 0, 1);
        -moz-transition: height .8s cubic-bezier(0, 1.05, 0, 1);
        -ms-transition: height .8s cubic-bezier(0, 1.05, 0, 1);
        -o-transition: height .8s cubic-bezier(0, 1.05, 0, 1);
        transition: height .8s cubic-bezier(0, 1.05, 0, 1);

        -webkit-transition: top .8s cubic-bezier(0, 1.05, 0, 1);
        -moz-transition: top .8s cubic-bezier(0, 1.05, 0, 1);
        -ms-transition: top .8s cubic-bezier(0, 1.05, 0, 1);
        -o-transition: top .8s cubic-bezier(0, 1.05, 0, 1);
        transition: top .8s cubic-bezier(0, 1.05, 0, 1);
    }

    .animate-column {
        -webkit-transition: width .8s cubic-bezier(0, 1.05, 0, 1);
        -moz-transition: width .8s cubic-bezier(0, 1.05, 0, 1);
        -ms-transition: width .8s cubic-bezier(0, 1.05, 0, 1);
        -o-transition: width .8s cubic-bezier(0, 1.05, 0, 1);
        transition: width .8s cubic-bezier(0, 1.05, 0, 1);

        -webkit-transition: left .8s cubic-bezier(0, 1.05, 0, 1);
        -moz-transition: left .8s cubic-bezier(0, 1.05, 0, 1);
        -ms-transition: left .8s cubic-bezier(0, 1.05, 0, 1);
        -o-transition: left .8s cubic-bezier(0, 1.05, 0, 1);
        transition: left .8s cubic-bezier(0, 1.05, 0, 1);
    }

    .ui-splitbar{
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-justify-content: center;
        justify-content: center;

        background-color: #ffffff;
        right: auto;
        position: absolute;
        z-index: 1;
    }

    .ui-layout-row > .ui-splitbar{
        height: 8px; width: 100%;
        cursor: row-resize;
        text-align: center;
        justify-content: center;
        align-items: center;
        background: linear-gradient(to bottom, #fff 0%, #eee 100%);
        overflow-y: auto;
    }
    .ui-layout-column > .ui-splitbar{
        width: 8px; height: 100%;
        cursor: col-resize;
        -webkit-flex-direction: column;
        flex-direction: column;
        background: linear-gradient(to right, #fff 0%, #eee 100%);
        overflow-x: hidden;
    }

    .ui-layout-column > .ui-splitbar > a,
    .ui-layout-row > .ui-splitbar > a {
        cursor: pointer;
        text-align: center;
        font-size: 16px;
        color: #aaa;
    }

    .ui-layout-column > .ui-splitbar > a:nth-child(2){
        margin-top: 0.35rem;
    }

    .ui-layout-row > .ui-splitbar > a:nth-child(2){
        margin-left: 0.35rem;
    }


    /**
* Icons
**/

    .ui-splitbar-icon {
        width: 0;
        height: 0;
        display: inline-block;
    }

    .ui-splitbar-icon-up {
        border-left: 0.45em solid transparent;
        border-right: 0.45em solid transparent;
        border-bottom: 0.45em solid;
    }

    .ui-splitbar-icon-down {
        border-left: 0.45em solid transparent;
        border-right: 0.45em solid transparent;
        border-top: 0.45em solid;
        margin-right: 0.45em;
    }

    .ui-splitbar-icon-right {
        border-top: 0.45em solid transparent;
        border-bottom: 0.45em solid transparent;
        border-left: 0.45em solid;

    }

    .ui-splitbar-icon-left {
        border-top: 0.45em solid transparent;
        border-bottom: 0.45em solid transparent;
        border-right: 0.45em solid;
        margin-top: 0.45em;
    }

    /* Allow disabling of icons */
    .no-toggle .ui-splitbar-icon {
        display: none;
    }

    @media only screen and (max-device-width: 480px) {
        .no-mobile-toggle .ui-splitbar-icon {
            display: none;
        }
    }

    @media print {
        .ui-splitbar {
            display: none;
        }

        .stretch {
            position: relative;
        }
        /* The last item can take up any amount of space. */
        .stretch.ui-layout-container:last-child {
            position: static;
            overflow: visible;
        }
    }

    /* Make sure hidden elements are in fact not rendered. */
    .ui-layout-hidden {
        display: none;
    }
    /*!
 * ui-grid - v3.1.0 - 2016-01-19
 * Copyright (c) 2016 ; License: MIT
 */
    #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
    #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
    #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
    #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
    #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
    #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
        content: " ";
        display: table;
    }
    #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
    #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
    #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
        clear: both;
    }
    .ui-grid {
        border: 1px solid #d4d4d4;
        box-sizing: content-box;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -o-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
    }
    .ui-grid-vertical-bar {
        position: absolute;
        right: 0;
        width: 0;
    }
    .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
    .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
        width: 1px;
    }
    .ui-grid-scrollbar-placeholder {
        background-color: transparent;
    }
    .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
        background-color: #d4d4d4;
    }
    .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
        background-color: #d4d4d4;
    }
    .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
        right: -1px;
        width: 1px;
        background-color: #d4d4d4;
    }
    .ui-grid-clearfix:before,
    .ui-grid-clearfix:after {
        content: "";
        display: table;
    }
    .ui-grid-clearfix:after {
        clear: both;
    }
    .ui-grid-invisible {
        visibility: hidden;
    }
    .ui-grid-contents-wrapper {
        position: relative;
        height: 100%;
        width: 100%;
    }
    .ui-grid-sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }
    .ui-grid-top-panel-background {
        background: #f3f3f3;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
        background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
        background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
        background: -o-linear-gradient(#ffffff, #eeeeee);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    }
    .ui-grid-header {
        border-bottom: 1px solid #d4d4d4;
        box-sizing: border-box;
    }
    .ui-grid-top-panel {
        position: relative;
        overflow: hidden;
        font-weight: bold;
        background: #f3f3f3;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
        background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
        background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
        background: -o-linear-gradient(#ffffff, #eeeeee);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
        -webkit-border-top-right-radius: -1px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: -1px;
        -moz-border-radius-topright: -1px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-topleft: -1px;
        border-top-right-radius: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: -1px;
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }
    .ui-grid-header-viewport {
        overflow: hidden;
    }
    .ui-grid-header-canvas:before,
    .ui-grid-header-canvas:after {
        content: "";
        display: table;
        line-height: 0;
    }
    .ui-grid-header-canvas:after {
        clear: both;
    }
    .ui-grid-header-cell-wrapper {
        position: relative;
        display: table;
        box-sizing: border-box;
        height: 100%;
    }
    .ui-grid-header-cell-row {
        display: table-row;
        position: relative;
    }
    .ui-grid-header-cell {
        position: relative;
        box-sizing: border-box;
        background-color: inherit;
        border-right: 1px solid;
        border-color: #d4d4d4;
        display: table-cell;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 0;
    }
    .ui-grid-header-cell:last-child {
        border-right: 0;
    }
    .ui-grid-header-cell .sortable {
        cursor: pointer;
    }
    .ui-grid-header-cell .ui-grid-sort-priority-number {
        margin-left: -8px;
    }
    .ui-grid-header .ui-grid-vertical-bar {
        top: 0;
        bottom: 0;
    }
    .ui-grid-column-menu-button {
        position: absolute;
        right: 1px;
        top: 0;
    }
    .ui-grid-column-menu-button .ui-grid-icon-angle-down {
        vertical-align: sub;
    }
    .ui-grid-column-menu-button-last-col {
        margin-right: 25px;
    }
    .ui-grid-column-menu {
        position: absolute;
    }
    /* Slide up/down animations */
    .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
    .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
        -webkit-transition: all 0.05s linear;
        -moz-transition: all 0.05s linear;
        -o-transition: all 0.05s linear;
        transition: all 0.05s linear;
        display: block !important;
    }
    .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
    .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
    .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    /* Slide up/down animations */
    .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
    .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
        -webkit-transition: all 0.05s linear;
        -moz-transition: all 0.05s linear;
        -o-transition: all 0.05s linear;
        transition: all 0.05s linear;
        display: block !important;
    }
    .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
    .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
    .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .ui-grid-filter-container {
        padding: 4px 10px;
        position: relative;
    }
    .ui-grid-filter-container .ui-grid-filter-button {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
    }
    .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
        position: absolute;
        top: 50%;
        line-height: 32px;
        margin-top: -16px;
        right: 10px;
        opacity: 0.66;
    }
    .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover {
        opacity: 1;
    }
    .ui-grid-filter-container .ui-grid-filter-button-select {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
    }
    .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
        position: absolute;
        top: 50%;
        line-height: 32px;
        margin-top: -16px;
        right: 0px;
        opacity: 0.66;
    }
    .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover {
        opacity: 1;
    }
    input[type="text"].ui-grid-filter-input {
        padding: 0;
        margin: 0;
        border: 0;
        width: 100%;
        border: 1px solid #d4d4d4;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-topleft: 0;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }
    input[type="text"].ui-grid-filter-input:hover {
        border: 1px solid #d4d4d4;
    }
    select.ui-grid-filter-select {
        padding: 0;
        margin: 0;
        border: 0;
        width: 90%;
        border: 1px solid #d4d4d4;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-topleft: 0;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }
    select.ui-grid-filter-select:hover {
        border: 1px solid #d4d4d4;
    }
    .ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
        width: 100%;
    }
    .ui-grid-render-container {
        position: inherit;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-topleft: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0;
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }
    .ui-grid-render-container:focus {
        outline: none;
    }
    .ui-grid-viewport {
        min-height: 20px;
        position: relative;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .ui-grid-viewport:focus {
        outline: none !important;
    }
    .ui-grid-canvas {
        position: relative;
        padding-top: 1px;
    }
    .ui-grid-row:nth-child(odd) .ui-grid-cell {
        background-color: #fdfdfd;
    }
    .ui-grid-row:nth-child(even) .ui-grid-cell {
        background-color: #f3f3f3;
    }
    .ui-grid-row:last-child .ui-grid-cell {
        border-bottom-color: #d4d4d4;
        border-bottom-style: solid;
    }
    .ui-grid-no-row-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 10%;
        background: #f3f3f3;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
        background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
        background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
        background: -o-linear-gradient(#ffffff, #eeeeee);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-topleft: 0;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #d4d4d4;
        font-size: 2em;
        text-align: center;
    }
    .ui-grid-no-row-overlay > * {
        position: absolute;
        display: table;
        margin: auto 0;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0.66;
    }
    .ui-grid-cell {
        overflow: hidden;
        float: left;
        background-color: inherit;
        border-right: 1px solid;
        border-color: #d4d4d4;
        box-sizing: border-box;
    }
    .ui-grid-cell:last-child {
        border-right: 0;
    }
    .ui-grid-cell-contents {
        padding: 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 100%;
    }
    .ui-grid-cell-contents-hidden {
        visibility: hidden;
        width: 0;
        height: 0;
        display: none;
    }
    .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
        background-color: #f0f0ee;
        border-bottom: solid 1px #d4d4d4;
    }
    .ui-grid-footer-panel-background {
        background: #f3f3f3;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
        background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
        background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
        background: -o-linear-gradient(#ffffff, #eeeeee);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    }
    .ui-grid-footer-panel {
        position: relative;
        border-bottom: 1px solid #d4d4d4;
        border-top: 1px solid #d4d4d4;
        overflow: hidden;
        font-weight: bold;
        background: #f3f3f3;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
        background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
        background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
        background: -o-linear-gradient(#ffffff, #eeeeee);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
        -webkit-border-top-right-radius: -1px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: -1px;
        -moz-border-radius-topright: -1px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-topleft: -1px;
        border-top-right-radius: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: -1px;
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }
    .ui-grid-grid-footer {
        float: left;
        width: 100%;
    }
    .ui-grid-footer-viewport {
        overflow: hidden;
    }
    .ui-grid-footer-canvas {
        position: relative;
    }
    .ui-grid-footer-canvas:before,
    .ui-grid-footer-canvas:after {
        content: "";
        display: table;
        line-height: 0;
    }
    .ui-grid-footer-canvas:after {
        clear: both;
    }
    .ui-grid-footer-cell-wrapper {
        position: relative;
        display: table;
        box-sizing: border-box;
        height: 100%;
    }
    .ui-grid-footer-cell-row {
        display: table-row;
    }
    .ui-grid-footer-cell {
        overflow: hidden;
        background-color: inherit;
        border-right: 1px solid;
        border-color: #d4d4d4;
        box-sizing: border-box;
        display: table-cell;
    }
    .ui-grid-footer-cell:last-child {
        border-right: 0;
    }
    input[type="text"].ui-grid-filter-input {
        padding: 0;
        margin: 0;
        border: 0;
        width: 100%;
        border: 1px solid #d4d4d4;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-topleft: 0;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }
    input[type="text"].ui-grid-filter-input:hover {
        border: 1px solid #d4d4d4;
    }
    .ui-grid-menu-button {
        z-index: 2;
        position: absolute;
        right: 0;
        top: 0;
        background: #f3f3f3;
        border: 1px solid #d4d4d4;
        cursor: pointer;
        height: 31px;
        font-weight: normal;
    }
    .ui-grid-menu-button .ui-grid-icon-container {
        margin-top: 3px;
    }
    .ui-grid-menu-button .ui-grid-menu {
        right: 0;
    }
    .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
        overflow: scroll;
        border: 1px solid #d4d4d4;
    }
    .ui-grid-menu {
        z-index: 2;
        position: absolute;
        padding: 0 10px 20px 10px;
        cursor: pointer;
        box-sizing: border-box;
    }
    .ui-grid-menu .ui-grid-menu-inner {
        background: #f3f3f3;
        border: 1px solid #d4d4d4;
        position: relative;
        white-space: nowrap;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
    }
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
        position: absolute;
        right: 0px;
        top: 0px;
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding: 1px 1px;
        font-size: 10px;
        line-height: 1;
        border-radius: 2px;
        color: transparent;
        background-color: transparent;
        border-color: transparent;
    }
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
        color: #333333;
        text-decoration: none;
    }
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled],
    fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
    fieldset[disabled] a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
        pointer-events: none;
    }
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
        color: transparent;
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(0, 0, 0, 0);
    }
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover {
        color: transparent;
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(0, 0, 0, 0);
    }
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
    .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
        color: transparent;
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(0, 0, 0, 0);
    }
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:hover,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:hover,
    .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
    .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus,
    .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
        color: transparent;
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(0, 0, 0, 0);
    }
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
    .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
        background-image: none;
    }
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:hover,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:hover,
    fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:focus,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:focus,
    fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled.focus,
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].focus,
    fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
        background-color: transparent;
        border-color: transparent;
    }
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button .badge {
        color: transparent;
        background-color: transparent;
    }
    .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button > i {
        opacity: 0.75;
        color: black;
    }
    .ui-grid-menu .ui-grid-menu-inner ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .ui-grid-menu .ui-grid-menu-inner ul li {
        padding: 0px;
    }
    .ui-grid-menu .ui-grid-menu-inner ul li button {
        min-width: 100%;
        padding: 8px;
        text-align: left;
        background: transparent;
        border: none;
    }
    .ui-grid-menu .ui-grid-menu-inner ul li button:hover,
    .ui-grid-menu .ui-grid-menu-inner ul li button:focus {
        -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
    }
    .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
        -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
        background-color: #cecece;
    }
    .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
        border-bottom: 1px solid #d4d4d4;
    }
    .ui-grid-sortarrow {
        right: 5px;
        position: absolute;
        width: 20px;
        top: 0;
        bottom: 0;
        background-position: center;
    }
    .ui-grid-sortarrow.down {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    @font-face {
        font-family: 'ui-grid';
        src: url(/flowable-design/vis-flowable-editor/font/ui-grid-0f31c500e6b19a9a942461ba6b01e7cd.eot);
        src: url(/flowable-design/vis-flowable-editor/font/ui-grid-0f31c500e6b19a9a942461ba6b01e7cd.eot#iefix) format('embedded-opentype'), url(/flowable-design/vis-flowable-editor/font/ui-grid-1786fe8728b1e9ad58190820aec9b1f8.woff) format('woff'), url(/flowable-design/vis-flowable-editor/font/ui-grid-e4d1f395be10d80949bcd6ac44ff1f71.ttf) format('truetype'), url(/flowable-design/vis-flowable-editor/img/ui-grid-89b078796386e69ba71582f0c9d74d63.svg?#ui-grid) format('svg');
        font-weight: normal;
        font-style: normal;
    }
    /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
    /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
    /*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ui-grid';
    src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg');
  }
}
*/
    [class^="ui-grid-icon"]:before,
    [class*=" ui-grid-icon"]:before {
        font-family: "ui-grid";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* fix buttons height, for twitter bootstrap */
        line-height: 1em;
        /* Animation center compensation - margins should be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* you can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
    .ui-grid-icon-blank::before {
        width: 1em;
        content: ' ';
    }
    /*
* RTL Styles
*/
    .ui-grid[dir=rtl] .ui-grid-header-cell,
    .ui-grid[dir=rtl] .ui-grid-footer-cell,
    .ui-grid[dir=rtl] .ui-grid-cell {
        float: right !important;
    }
    .ui-grid[dir=rtl] .ui-grid-column-menu-button {
        position: absolute;
        left: 1px;
        top: 0;
        right: inherit;
    }
    .ui-grid[dir=rtl] .ui-grid-cell:first-child,
    .ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
    .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
        border-right: 0;
    }
    .ui-grid[dir=rtl] .ui-grid-cell:last-child,
    .ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
        border-right: 1px solid #d4d4d4;
        border-left: 0;
    }
    .ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
    .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
    .ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
        width: 0;
    }
    .ui-grid[dir=rtl] .ui-grid-menu-button {
        z-index: 2;
        position: absolute;
        left: 0;
        right: auto;
        background: #f3f3f3;
        border: 1px solid #d4d4d4;
        cursor: pointer;
        min-height: 27px;
        font-weight: normal;
    }
    .ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
        left: 0;
        right: auto;
    }
    .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
        right: initial;
        left: 0;
    }
    .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
        right: initial;
        left: 10px;
    }
    /*
   Animation example, for spinners
*/
    .ui-grid-animate-spin {
        -moz-animation: ui-grid-spin 2s infinite linear;
        -o-animation: ui-grid-spin 2s infinite linear;
        -webkit-animation: ui-grid-spin 2s infinite linear;
        animation: ui-grid-spin 2s infinite linear;
        display: inline-block;
    }
    @-moz-keyframes ui-grid-spin {
        0% {
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -moz-transform: rotate(359deg);
            -o-transform: rotate(359deg);
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
        }
    }
    @-webkit-keyframes ui-grid-spin {
        0% {
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -moz-transform: rotate(359deg);
            -o-transform: rotate(359deg);
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
        }
    }
    @-o-keyframes ui-grid-spin {
        0% {
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -moz-transform: rotate(359deg);
            -o-transform: rotate(359deg);
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
        }
    }
    @-ms-keyframes ui-grid-spin {
        0% {
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -moz-transform: rotate(359deg);
            -o-transform: rotate(359deg);
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
        }
    }
    @keyframes ui-grid-spin {
        0% {
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -moz-transform: rotate(359deg);
            -o-transform: rotate(359deg);
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
        }
    }
    /*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/

    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
    #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
    #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
    #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
    #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
    #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
        content: " ";
        display: table;
    }
    #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
    #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
    #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
        clear: both;
    }
    .ui-grid-cell-focus {
        outline: 0;
        background-color: #b3c4c7;
    }
    .ui-grid-focuser {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: -1;
        width: 100%;
        height: 100%;
    }
    .ui-grid-focuser:focus {
        border-color: #409EFF;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }
    .ui-grid-offscreen {
        display: block;
        position: absolute;
        left: -10000px;
        top: -10000px;
        clip: rect(0px, 0px, 0px, 0px);
    }

    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    div.ui-grid-cell input {
        border-radius: inherit;
        padding: 0;
        width: 100%;
        color: inherit;
        height: auto;
        font: inherit;
        outline: none;
    }
    div.ui-grid-cell input:focus {
        color: inherit;
        outline: none;
    }
    div.ui-grid-cell input[type="checkbox"] {
        margin: 9px 0 0 6px;
        width: auto;
    }
    div.ui-grid-cell input.ng-invalid {
        border: 1px solid #fc8f8f;
    }
    div.ui-grid-cell input.ng-valid {
        border: 1px solid #d4d4d4;
    }

    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    .expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
        background-color: #fdfdfd;
    }
    .expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
        background-color: #f3f3f3;
    }
    .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
        pointer-events: none;
    }
    .ui-grid-expandable-buttons-cell i {
        pointer-events: all;
    }
    .scrollFiller {
        float: left;
        border: 1px solid #d4d4d4;
    }

    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/

    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    .ui-grid-tree-header-row {
        font-weight: bold !important;
    }

    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/

    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    .movingColumn {
        position: absolute;
        top: 0;
        border: 1px solid #d4d4d4;
        box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
    }
    .movingColumn .ui-grid-icon-angle-down {
        display: none;
    }

    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
    #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
    #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
    #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
    #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
    #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
    #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
        content: " ";
        display: table;
    }
    #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
    #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
    #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
        clear: both;
    }
    .ui-grid-pager-panel {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding-top: 3px;
        padding-bottom: 3px;
        box-sizing: content-box;
    }
    .ui-grid-pager-container {
        float: left;
    }
    .ui-grid-pager-control {
        margin-right: 10px;
        margin-left: 10px;
        min-width: 135px;
        float: left;
    }
    .ui-grid-pager-control button {
        height: 25px;
        min-width: 26px;
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #eeeeee;
        background-color: #f3f3f3;
        border-color: #cccccc;
    }
    .ui-grid-pager-control button:focus,
    .ui-grid-pager-control button:active:focus,
    .ui-grid-pager-control button.active:focus,
    .ui-grid-pager-control button.focus,
    .ui-grid-pager-control button:active.focus,
    .ui-grid-pager-control button.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }
    .ui-grid-pager-control button:hover,
    .ui-grid-pager-control button:focus,
    .ui-grid-pager-control button.focus {
        color: #333333;
        text-decoration: none;
    }
    .ui-grid-pager-control button:active,
    .ui-grid-pager-control button.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }
    .ui-grid-pager-control button.disabled,
    .ui-grid-pager-control button[disabled],
    fieldset[disabled] .ui-grid-pager-control button {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    a.ui-grid-pager-control button.disabled,
    fieldset[disabled] a.ui-grid-pager-control button {
        pointer-events: none;
    }
    .ui-grid-pager-control button:focus,
    .ui-grid-pager-control button.focus {
        color: #eeeeee;
        background-color: #dadada;
        border-color: #8c8c8c;
    }
    .ui-grid-pager-control button:hover {
        color: #eeeeee;
        background-color: #dadada;
        border-color: #adadad;
    }
    .ui-grid-pager-control button:active,
    .ui-grid-pager-control button.active,
    .open > .dropdown-toggle.ui-grid-pager-control button {
        color: #eeeeee;
        background-color: #dadada;
        border-color: #adadad;
    }
    .ui-grid-pager-control button:active:hover,
    .ui-grid-pager-control button.active:hover,
    .open > .dropdown-toggle.ui-grid-pager-control button:hover,
    .ui-grid-pager-control button:active:focus,
    .ui-grid-pager-control button.active:focus,
    .open > .dropdown-toggle.ui-grid-pager-control button:focus,
    .ui-grid-pager-control button:active.focus,
    .ui-grid-pager-control button.active.focus,
    .open > .dropdown-toggle.ui-grid-pager-control button.focus {
        color: #eeeeee;
        background-color: #c8c8c8;
        border-color: #8c8c8c;
    }
    .ui-grid-pager-control button:active,
    .ui-grid-pager-control button.active,
    .open > .dropdown-toggle.ui-grid-pager-control button {
        background-image: none;
    }
    .ui-grid-pager-control button.disabled:hover,
    .ui-grid-pager-control button[disabled]:hover,
    fieldset[disabled] .ui-grid-pager-control button:hover,
    .ui-grid-pager-control button.disabled:focus,
    .ui-grid-pager-control button[disabled]:focus,
    fieldset[disabled] .ui-grid-pager-control button:focus,
    .ui-grid-pager-control button.disabled.focus,
    .ui-grid-pager-control button[disabled].focus,
    fieldset[disabled] .ui-grid-pager-control button.focus {
        background-color: #f3f3f3;
        border-color: #cccccc;
    }
    .ui-grid-pager-control button .badge {
        color: #f3f3f3;
        background-color: #eeeeee;
    }
    .ui-grid-pager-control input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555555;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #cccccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
        display: inline;
        height: 26px;
        width: 50px;
        vertical-align: top;
    }
    .ui-grid-pager-control input:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }
    .ui-grid-pager-control input::-moz-placeholder {
        color: #999999;
        opacity: 1;
    }
    .ui-grid-pager-control input:-ms-input-placeholder {
        color: #999999;
    }
    .ui-grid-pager-control input::-webkit-input-placeholder {
        color: #999999;
    }
    .ui-grid-pager-control input::-ms-expand {
        border: 0;
        background-color: transparent;
    }
    .ui-grid-pager-control input[disabled],
    .ui-grid-pager-control input[readonly],
    fieldset[disabled] .ui-grid-pager-control input {
        background-color: #eeeeee;
        opacity: 1;
    }
    .ui-grid-pager-control input[disabled],
    fieldset[disabled] .ui-grid-pager-control input {
        cursor: not-allowed;
    }
    textarea.ui-grid-pager-control input {
        height: auto;
    }
    select.ui-grid-pager-control input {
        height: 30px;
        line-height: 30px;
    }
    textarea.ui-grid-pager-control input,
    select[multiple].ui-grid-pager-control input {
        height: auto;
    }
    .ui-grid-pager-control .ui-grid-pager-max-pages-number {
        vertical-align: bottom;
    }
    .ui-grid-pager-control .ui-grid-pager-max-pages-number > * {
        vertical-align: middle;
    }
    .ui-grid-pager-control .first-bar {
        width: 10px;
        border-left: 2px solid #4d4d4d;
        margin-top: -6px;
        height: 12px;
        margin-left: -3px;
    }
    .ui-grid-pager-control .first-triangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 8.7px 5px 0;
        border-color: transparent #4d4d4d transparent transparent;
        margin-left: 2px;
    }
    .ui-grid-pager-control .next-triangle {
        margin-left: 1px;
    }
    .ui-grid-pager-control .prev-triangle {
        margin-left: 0;
    }
    .ui-grid-pager-control .last-triangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 8.7px;
        border-color: transparent transparent transparent #4d4d4d;
        margin-left: -1px;
    }
    .ui-grid-pager-control .last-bar {
        width: 10px;
        border-left: 2px solid #4d4d4d;
        margin-top: -6px;
        height: 12px;
        margin-left: 1px;
    }
    .ui-grid-pager-row-count-picker {
        float: left;
    }
    .ui-grid-pager-row-count-picker select {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555555;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #cccccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
        height: 26px;
        width: 67px;
        display: inline;
    }
    .ui-grid-pager-row-count-picker select:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }
    .ui-grid-pager-row-count-picker select::-moz-placeholder {
        color: #999999;
        opacity: 1;
    }
    .ui-grid-pager-row-count-picker select:-ms-input-placeholder {
        color: #999999;
    }
    .ui-grid-pager-row-count-picker select::-webkit-input-placeholder {
        color: #999999;
    }
    .ui-grid-pager-row-count-picker select::-ms-expand {
        border: 0;
        background-color: transparent;
    }
    .ui-grid-pager-row-count-picker select[disabled],
    .ui-grid-pager-row-count-picker select[readonly],
    fieldset[disabled] .ui-grid-pager-row-count-picker select {
        background-color: #eeeeee;
        opacity: 1;
    }
    .ui-grid-pager-row-count-picker select[disabled],
    fieldset[disabled] .ui-grid-pager-row-count-picker select {
        cursor: not-allowed;
    }
    textarea.ui-grid-pager-row-count-picker select {
        height: auto;
    }
    select.ui-grid-pager-row-count-picker select {
        height: 30px;
        line-height: 30px;
    }
    textarea.ui-grid-pager-row-count-picker select,
    select[multiple].ui-grid-pager-row-count-picker select {
        height: auto;
    }
    .ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
        margin-top: 3px;
    }
    .ui-grid-pager-count-container {
        float: right;
        margin-top: 4px;
        min-width: 50px;
    }
    .ui-grid-pager-count-container .ui-grid-pager-count {
        margin-right: 10px;
        margin-left: 10px;
        float: right;
    }

    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    .ui-grid-pinned-container {
        position: absolute;
        display: inline;
        top: 0;
    }
    .ui-grid-pinned-container.ui-grid-pinned-container-left {
        float: left;
        left: 0;
    }
    .ui-grid-pinned-container.ui-grid-pinned-container-right {
        float: right;
        right: 0;
    }
    .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
        box-sizing: border-box;
        border-right: 1px solid;
        border-width: 1px;
        border-right-color: #aeaeae;
    }
    .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
        box-sizing: border-box;
        border-right: 1px solid;
        border-width: 1px;
        border-right-color: #aeaeae;
    }
    .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
    .ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
        width: 1px;
    }
    .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
        background-color: #d4d4d4;
    }
    .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
        background-color: #aeaeae;
    }
    .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
        right: -1px;
        width: 1px;
        background-color: #aeaeae;
    }
    .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
        box-sizing: border-box;
        border-left: 1px solid;
        border-width: 1px;
        border-left-color: #aeaeae;
    }
    .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
        box-sizing: border-box;
        border-left: 1px solid;
        border-width: 1px;
        border-left-color: #aeaeae;
    }
    .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,
    .ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar {
        width: 1px;
    }
    .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar {
        background-color: #d4d4d4;
    }
    .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
        background-color: #aeaeae;
    }
    .ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
        left: -1px;
        width: 1px;
        background-color: #aeaeae;
    }

    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    .ui-grid-column-resizer {
        top: 0;
        bottom: 0;
        width: 5px;
        position: absolute;
        cursor: col-resize;
    }
    .ui-grid-column-resizer.left {
        left: 0;
    }
    .ui-grid-column-resizer.right {
        right: 0;
    }
    .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
        border-right: 1px solid #d4d4d4;
    }
    .ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
        border-right: 0;
    }
    .ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left {
        border-left: 1px solid #d4d4d4;
    }
    .ui-grid.column-resizing {
        cursor: col-resize;
    }
    .ui-grid.column-resizing .ui-grid-resize-overlay {
        position: absolute;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: #aeaeae;
    }

    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    .ui-grid-row-saving .ui-grid-cell {
        color: #848484 !important;
    }
    .ui-grid-row-dirty .ui-grid-cell {
        color: #610b38;
    }
    .ui-grid-row-error .ui-grid-cell {
        color: #ff0000 !important;
    }

    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
        background-color: #c9dde1;
    }
    .ui-grid-disable-selection {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: default;
    }
    .ui-grid-selection-row-header-buttons {
        cursor: pointer;
        opacity: 0.1;
    }
    .ui-grid-selection-row-header-buttons.ui-grid-row-selected {
        opacity: 1;
    }
    .ui-grid-selection-row-header-buttons.ui-grid-all-selected {
        opacity: 1;
    }

    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    .ui-grid-tree-row-header-buttons.ui-grid-tree-header {
        cursor: pointer;
        opacity: 1;
    }

    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    .ui-grid-tree-header-row {
        font-weight: bold !important;
    }
    .ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
        pointer-events: all;
    }

    /* This file contains variable declarations (do not remove this line) */
    /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    /**
* @section Grid styles
*/
    /**
* @section Header styles
*/
    /** @description Colors for header gradient */
    /**
* @section Grid body styles
*/
    /** @description Colors used for row alternation */
    /**
* @section Sort arrow colors
*/
    /**
* @section Scrollbar styles
*/
    /**
* @section font library path
*/
    /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
    div.ui-grid-cell-contents.invalid {
        border: 1px solid #fc8f8f;
    }

    .ui-grid-icon-plus-squared:before {
        content: '\c350';
    }
    /* '썐' */
    .ui-grid-icon-minus-squared:before {
        content: '\c351';
    }
    /* '썑' */
    .ui-grid-icon-search:before {
        content: '\c352';
    }
    /* '썒' */
    .ui-grid-icon-cancel:before {
        content: '\c353';
    }
    /* '썓' */
    .ui-grid-icon-info-circled:before {
        content: '\c354';
    }
    /* '썔' */
    .ui-grid-icon-lock:before {
        content: '\c355';
    }
    /* '썕' */
    .ui-grid-icon-lock-open:before {
        content: '\c356';
    }
    /* '썖' */
    .ui-grid-icon-pencil:before {
        content: '\c357';
    }
    /* '썗' */
    .ui-grid-icon-down-dir:before {
        content: '\c358';
    }
    /* '썘' */
    .ui-grid-icon-up-dir:before {
        content: '\c359';
    }
    /* '썙' */
    .ui-grid-icon-left-dir:before {
        content: '\c35a';
    }
    /* '썚' */
    .ui-grid-icon-right-dir:before {
        content: '\c35b';
    }
    /* '썛' */
    .ui-grid-icon-left-open:before {
        content: '\c35c';
    }
    /* '썜' */
    .ui-grid-icon-right-open:before {
        content: '\c35d';
    }
    /* '썝' */
    .ui-grid-icon-angle-down:before {
        content: '\c35e';
    }
    /* '썞' */
    .ui-grid-icon-filter:before {
        content: '\c35f';
    }
    /* '썟' */
    .ui-grid-icon-sort-alt-up:before {
        content: '\c360';
    }
    /* '썠' */
    .ui-grid-icon-sort-alt-down:before {
        content: '\c361';
    }
    /* '썡' */
    .ui-grid-icon-ok:before {
        content: '\c362';
    }
    /* '썢' */
    .ui-grid-icon-menu:before {
        content: '\c363';
    }
    /* '썣' */
    .ui-grid-icon-indent-left:before {
        content: '\e800';
    }
    /* '' */
    .ui-grid-icon-indent-right:before {
        content: '\e801';
    }
    /* '' */
    .ui-grid-icon-spin5:before {
        content: '\ea61';
    }
    /* '' */
    /*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


    /* Component containers
----------------------------------*/
    .ui-widget {
        font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
        font-size: 1em/*{fsDefault}*/;
    }
    .ui-widget .ui-widget {
        font-size: 1em;
    }
    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
        font-size: 1em;
    }
    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5/*{borderColorDefault}*/;
    }
    .ui-widget-content {
        border: 1px solid #dddddd/*{borderColorContent}*/;
        background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
        color: #333333/*{fcContent}*/;
    }
    .ui-widget-content a {
        color: #333333/*{fcContent}*/;
    }
    .ui-widget-header {
        border: 1px solid #dddddd/*{borderColorHeader}*/;
        background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
        color: #333333/*{fcHeader}*/;
        font-weight: bold;
    }
    .ui-widget-header a {
        color: #333333/*{fcHeader}*/;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,

        /* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5/*{borderColorDefault}*/;
        background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
        font-weight: normal/*{fwDefault}*/;
        color: #454545/*{fcDefault}*/;
    }
    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    a.ui-button,
    a:link.ui-button,
    a:visited.ui-button,
    .ui-button {
        color: #454545/*{fcDefault}*/;
        text-decoration: none;
    }
    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus,
    .ui-button:hover,
    .ui-button:focus {
        border: 1px solid #cccccc/*{borderColorHover}*/;
        background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
        font-weight: normal/*{fwDefault}*/;
        color: #2b2b2b/*{fcHover}*/;
    }
    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited,
    a.ui-button:hover,
    a.ui-button:focus {
        color: #2b2b2b/*{fcHover}*/;
        text-decoration: none;
    }

    .ui-visual-focus {
        box-shadow: 0 0 3px 1px rgb(94, 158, 214);
    }
    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active,
    .ui-button:active,
    .ui-button.ui-state-active:hover {
        border: 1px solid #003eff/*{borderColorActive}*/;
        background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
        font-weight: normal/*{fwDefault}*/;
        color: #ffffff/*{fcActive}*/;
    }
    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff/*{borderColorActive}*/;
        background-color: #ffffff/*{fcActive}*/;
    }
    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #ffffff/*{fcActive}*/;
        text-decoration: none;
    }

    /* Interaction Cues
----------------------------------*/
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #dad55e/*{borderColorHighlight}*/;
        background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
        color: #777620/*{fcHighlight}*/;
    }
    .ui-state-checked {
        border: 1px solid #dad55e/*{borderColorHighlight}*/;
        background: #fffa90/*{bgColorHighlight}*/;
    }
    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
        color: #777620/*{fcHighlight}*/;
    }
    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #f1a899/*{borderColorError}*/;
        background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
        color: #5f3f3f/*{fcError}*/;
    }
    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #5f3f3f/*{fcError}*/;
    }
    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #5f3f3f/*{fcError}*/;
    }
    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }
    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter:Alpha(Opacity=70); /* support: IE8 */
        font-weight: normal;
    }
    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter:Alpha(Opacity=35); /* support: IE8 */
        background-image: none;
    }
    .ui-state-disabled .ui-icon {
        filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
    }

    /* Icons
----------------------------------*/

    /* states and images */
    .ui-icon {
        width: 16px;
        height: 16px;
    }
    .ui-icon,
    .ui-widget-content .ui-icon {
        background-image: url(/flowable-design/vis-flowable-editor/img/ui-icons_444444_256x240-a4c733ec4baef9ad3896d4e34a8a5448.png)/*{iconsContent}*/;
    }
    .ui-widget-header .ui-icon {
        background-image: url(/flowable-design/vis-flowable-editor/img/ui-icons_444444_256x240-a4c733ec4baef9ad3896d4e34a8a5448.png)/*{iconsHeader}*/;
    }
    .ui-state-hover .ui-icon,
    .ui-state-focus .ui-icon,
    .ui-button:hover .ui-icon,
    .ui-button:focus .ui-icon {
        background-image: url(/flowable-design/vis-flowable-editor/img/ui-icons_555555_256x240-971364734f3b603e5d363a2634898b42.png)/*{iconsHover}*/;
    }
    .ui-state-active .ui-icon,
    .ui-button:active .ui-icon {
        background-image: url(/flowable-design/vis-flowable-editor/img/ui-icons_ffffff_256x240-bf27228a7d3957983584fa7698121ea1.png)/*{iconsActive}*/;
    }
    .ui-state-highlight .ui-icon,
    .ui-button .ui-state-highlight.ui-icon {
        background-image: url(/flowable-design/vis-flowable-editor/img/ui-icons_777620_256x240-208a290102a4ada58a04de354a1354d7.png)/*{iconsHighlight}*/;
    }
    .ui-state-error .ui-icon,
    .ui-state-error-text .ui-icon {
        background-image: url(/flowable-design/vis-flowable-editor/img/ui-icons_cc0000_256x240-0de3b51742ed3ac61435875bccd8973b.png)/*{iconsError}*/;
    }
    .ui-button .ui-icon {
        background-image: url(/flowable-design/vis-flowable-editor/img/ui-icons_777777_256x240-73a1fd052c9d84c0ee0bea3ee85892ed.png)/*{iconsDefault}*/;
    }

    /* positioning */
    .ui-icon-blank { background-position: 16px 16px; }
    .ui-icon-caret-1-n { background-position: 0 0; }
    .ui-icon-caret-1-ne { background-position: -16px 0; }
    .ui-icon-caret-1-e { background-position: -32px 0; }
    .ui-icon-caret-1-se { background-position: -48px 0; }
    .ui-icon-caret-1-s { background-position: -65px 0; }
    .ui-icon-caret-1-sw { background-position: -80px 0; }
    .ui-icon-caret-1-w { background-position: -96px 0; }
    .ui-icon-caret-1-nw { background-position: -112px 0; }
    .ui-icon-caret-2-n-s { background-position: -128px 0; }
    .ui-icon-caret-2-e-w { background-position: -144px 0; }
    .ui-icon-triangle-1-n { background-position: 0 -16px; }
    .ui-icon-triangle-1-ne { background-position: -16px -16px; }
    .ui-icon-triangle-1-e { background-position: -32px -16px; }
    .ui-icon-triangle-1-se { background-position: -48px -16px; }
    .ui-icon-triangle-1-s { background-position: -65px -16px; }
    .ui-icon-triangle-1-sw { background-position: -80px -16px; }
    .ui-icon-triangle-1-w { background-position: -96px -16px; }
    .ui-icon-triangle-1-nw { background-position: -112px -16px; }
    .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
    .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
    .ui-icon-arrow-1-n { background-position: 0 -32px; }
    .ui-icon-arrow-1-ne { background-position: -16px -32px; }
    .ui-icon-arrow-1-e { background-position: -32px -32px; }
    .ui-icon-arrow-1-se { background-position: -48px -32px; }
    .ui-icon-arrow-1-s { background-position: -65px -32px; }
    .ui-icon-arrow-1-sw { background-position: -80px -32px; }
    .ui-icon-arrow-1-w { background-position: -96px -32px; }
    .ui-icon-arrow-1-nw { background-position: -112px -32px; }
    .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
    .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
    .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
    .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
    .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
    .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
    .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
    .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
    .ui-icon-arrowthick-1-n { background-position: 1px -48px; }
    .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
    .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
    .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
    .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
    .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
    .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
    .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
    .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
    .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
    .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
    .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
    .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
    .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
    .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
    .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
    .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
    .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
    .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
    .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
    .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
    .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
    .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
    .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
    .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
    .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
    .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
    .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
    .ui-icon-arrow-4 { background-position: 0 -80px; }
    .ui-icon-arrow-4-diag { background-position: -16px -80px; }
    .ui-icon-extlink { background-position: -32px -80px; }
    .ui-icon-newwin { background-position: -48px -80px; }
    .ui-icon-refresh { background-position: -64px -80px; }
    .ui-icon-shuffle { background-position: -80px -80px; }
    .ui-icon-transfer-e-w { background-position: -96px -80px; }
    .ui-icon-transferthick-e-w { background-position: -112px -80px; }
    .ui-icon-folder-collapsed { background-position: 0 -96px; }
    .ui-icon-folder-open { background-position: -16px -96px; }
    .ui-icon-document { background-position: -32px -96px; }
    .ui-icon-document-b { background-position: -48px -96px; }
    .ui-icon-note { background-position: -64px -96px; }
    .ui-icon-mail-closed { background-position: -80px -96px; }
    .ui-icon-mail-open { background-position: -96px -96px; }
    .ui-icon-suitcase { background-position: -112px -96px; }
    .ui-icon-comment { background-position: -128px -96px; }
    .ui-icon-person { background-position: -144px -96px; }
    .ui-icon-print { background-position: -160px -96px; }
    .ui-icon-trash { background-position: -176px -96px; }
    .ui-icon-locked { background-position: -192px -96px; }
    .ui-icon-unlocked { background-position: -208px -96px; }
    .ui-icon-bookmark { background-position: -224px -96px; }
    .ui-icon-tag { background-position: -240px -96px; }
    .ui-icon-home { background-position: 0 -112px; }
    .ui-icon-flag { background-position: -16px -112px; }
    .ui-icon-calendar { background-position: -32px -112px; }
    .ui-icon-cart { background-position: -48px -112px; }
    .ui-icon-pencil { background-position: -64px -112px; }
    .ui-icon-clock { background-position: -80px -112px; }
    .ui-icon-disk { background-position: -96px -112px; }
    .ui-icon-calculator { background-position: -112px -112px; }
    .ui-icon-zoomin { background-position: -128px -112px; }
    .ui-icon-zoomout { background-position: -144px -112px; }
    .ui-icon-search { background-position: -160px -112px; }
    .ui-icon-wrench { background-position: -176px -112px; }
    .ui-icon-gear { background-position: -192px -112px; }
    .ui-icon-heart { background-position: -208px -112px; }
    .ui-icon-star { background-position: -224px -112px; }
    .ui-icon-link { background-position: -240px -112px; }
    .ui-icon-cancel { background-position: 0 -128px; }
    .ui-icon-plus { background-position: -16px -128px; }
    .ui-icon-plusthick { background-position: -32px -128px; }
    .ui-icon-minus { background-position: -48px -128px; }
    .ui-icon-minusthick { background-position: -64px -128px; }
    .ui-icon-close { background-position: -80px -128px; }
    .ui-icon-closethick { background-position: -96px -128px; }
    .ui-icon-key { background-position: -112px -128px; }
    .ui-icon-lightbulb { background-position: -128px -128px; }
    .ui-icon-scissors { background-position: -144px -128px; }
    .ui-icon-clipboard { background-position: -160px -128px; }
    .ui-icon-copy { background-position: -176px -128px; }
    .ui-icon-contact { background-position: -192px -128px; }
    .ui-icon-image { background-position: -208px -128px; }
    .ui-icon-video { background-position: -224px -128px; }
    .ui-icon-script { background-position: -240px -128px; }
    .ui-icon-alert { background-position: 0 -144px; }
    .ui-icon-info { background-position: -16px -144px; }
    .ui-icon-notice { background-position: -32px -144px; }
    .ui-icon-help { background-position: -48px -144px; }
    .ui-icon-check { background-position: -64px -144px; }
    .ui-icon-bullet { background-position: -80px -144px; }
    .ui-icon-radio-on { background-position: -96px -144px; }
    .ui-icon-radio-off { background-position: -112px -144px; }
    .ui-icon-pin-w { background-position: -128px -144px; }
    .ui-icon-pin-s { background-position: -144px -144px; }
    .ui-icon-play { background-position: 0 -160px; }
    .ui-icon-pause { background-position: -16px -160px; }
    .ui-icon-seek-next { background-position: -32px -160px; }
    .ui-icon-seek-prev { background-position: -48px -160px; }
    .ui-icon-seek-end { background-position: -64px -160px; }
    .ui-icon-seek-start { background-position: -80px -160px; }
    /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
    .ui-icon-seek-first { background-position: -80px -160px; }
    .ui-icon-stop { background-position: -96px -160px; }
    .ui-icon-eject { background-position: -112px -160px; }
    .ui-icon-volume-off { background-position: -128px -160px; }
    .ui-icon-volume-on { background-position: -144px -160px; }
    .ui-icon-power { background-position: 0 -176px; }
    .ui-icon-signal-diag { background-position: -16px -176px; }
    .ui-icon-signal { background-position: -32px -176px; }
    .ui-icon-battery-0 { background-position: -48px -176px; }
    .ui-icon-battery-1 { background-position: -64px -176px; }
    .ui-icon-battery-2 { background-position: -80px -176px; }
    .ui-icon-battery-3 { background-position: -96px -176px; }
    .ui-icon-circle-plus { background-position: 0 -192px; }
    .ui-icon-circle-minus { background-position: -16px -192px; }
    .ui-icon-circle-close { background-position: -32px -192px; }
    .ui-icon-circle-triangle-e { background-position: -48px -192px; }
    .ui-icon-circle-triangle-s { background-position: -64px -192px; }
    .ui-icon-circle-triangle-w { background-position: -80px -192px; }
    .ui-icon-circle-triangle-n { background-position: -96px -192px; }
    .ui-icon-circle-arrow-e { background-position: -112px -192px; }
    .ui-icon-circle-arrow-s { background-position: -128px -192px; }
    .ui-icon-circle-arrow-w { background-position: -144px -192px; }
    .ui-icon-circle-arrow-n { background-position: -160px -192px; }
    .ui-icon-circle-zoomin { background-position: -176px -192px; }
    .ui-icon-circle-zoomout { background-position: -192px -192px; }
    .ui-icon-circle-check { background-position: -208px -192px; }
    .ui-icon-circlesmall-plus { background-position: 0 -208px; }
    .ui-icon-circlesmall-minus { background-position: -16px -208px; }
    .ui-icon-circlesmall-close { background-position: -32px -208px; }
    .ui-icon-squaresmall-plus { background-position: -48px -208px; }
    .ui-icon-squaresmall-minus { background-position: -64px -208px; }
    .ui-icon-squaresmall-close { background-position: -80px -208px; }
    .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
    .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
    .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
    .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
    .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
    .ui-icon-grip-diagonal-se { background-position: -80px -224px; }


    /* Misc visuals
----------------------------------*/

    /* Corner radius */
    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-left,
    .ui-corner-tl {
        border-top-left-radius: 3px/*{cornerRadius}*/;
    }
    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-right,
    .ui-corner-tr {
        border-top-right-radius: 3px/*{cornerRadius}*/;
    }
    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-left,
    .ui-corner-bl {
        border-bottom-left-radius: 3px/*{cornerRadius}*/;
    }
    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-right,
    .ui-corner-br {
        border-bottom-right-radius: 3px/*{cornerRadius}*/;
    }

    /* Overlays */
    .ui-widget-overlay {
        background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
        opacity: .3/*{opacityOverlay}*/;
        filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */
    }
    .ui-widget-shadow {
        -webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
        box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
    }
    /*!
 * jQuery UI Datepicker 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
    .ui-datepicker {
        width: 17em;
        padding: .2em .2em 0;
        display: none;
    }
    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }
    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }
    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }
    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }
    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }
    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }
    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }
    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }
    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0;
    }
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }
    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }
    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }
    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }
    .ui-datepicker td span,
    .ui-datepicker td a {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none;
    }
    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em .6em;
        width: auto;
        overflow: visible;
    }
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left;
    }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }
    .ui-datepicker-multi .ui-datepicker-group {
        float: left;
    }
    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }
    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%;
    }
    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 33.3%;
    }
    .ui-datepicker-multi-4 .ui-datepicker-group {
        width: 25%;
    }
    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0;
    }
    .ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left;
    }
    .ui-datepicker-row-break {
        clear: both;
        width: 100%;
        font-size: 0;
    }

    /* RTL support */
    .ui-datepicker-rtl {
        direction: rtl;
    }
    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }
    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }
    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }
    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }
    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
        float: left;
    }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }
    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    /* Icons */
    .ui-datepicker .ui-icon {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
        left: .5em;
        top: .3em;
    }
    /*colours & variables*/
    /*browser prefixes and use*/
    /*prefix declarations*/





    .eo-vis-title, .eo-vis-search-panel .eo-vis-search-panel-search-header .eo-vis-search-panel-header, .eo-vis-validator-panel .eo-vis-validator-panel-header-body .eo-vis-validator-panel-header, .eo-vis-save-dialog .modal-title, .eo-vis-editor-left .eo-vis-editor-left-header span, .eo-vis-editor-search-panel-search-header .eo-vis-editor-search-panel-header, .eo-vis-editor-right .eo-vis-editor-right-header span {
        font-size: 14px;
        font-weight: 700; }

    /*shadow*/
    .eo-vis-search-panel-menu-buttons, .eo-vis-search-panel .eo-vis-search-panel-search-header .eo-vis-search-panel-close, .eo-vis-search-panel .eo-vis-search-panel-search-header .eo-vis-search-panel-minimize, .eo-vis-editor-search-panel-search-header .eo-vis-editor-vis-search-panel-close, .eo-vis-editor-search-panel-search-header .eo-vis-editor-vis-search-panel-maximize {
        display: inline-block;
        width: 20px;
        height: 20px;
        padding: 2px 3px;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 10;
        cursor: pointer; }

    .eo-vis-palette {
        background-color: #F6F6F6;
        width: 100%;
        height: calc(100% - 26px);
        box-sizing: border-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; }
    .eo-vis-palette-perspective {
        background-color: white;
        padding-bottom: 6px;
        border-bottom: 1px solid #e8e8e8;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch; }
    .eo-vis-palette-perspective-dropdown {
        background-color: transparent;
        border: none;
        height: 100%;
        width: calc(100% - 4px);
        margin-left: 4px; }
    .eo-vis-palette-perspective-input-wrapper {
        height: 25px;
        background-color: #ffffff;
        position: relative;
        width: calc(100% - 48px);
        margin: 6px auto 0 12px;
        border: 1px solid #e8e8e8;
        display: inline-block; }
    .eo-vis-palette-perspective-input-wrapper .glyphicon {
        position: absolute;
        left: 8px;
        top: 5px;
        pointer-events: none;
        color: #7d7d7d; }
    .eo-vis-palette-perspective-input-text {
        border: none;
        height: 100%;
        padding-left: 26px;
        width: 100%; }
    .eo-vis-palette-perspective-button {
        width: 16px;
        display: inline-block;
        vertical-align: bottom;
        margin-left: 7px;
        cursor: pointer; }
    .eo-vis-palette-group-expansion-button {
        float: right;
        margin-right: 16px; }

    .eo-vis-palette-list, .eo-vis-palette-group-list, .eo-vis-palette-group-item-list {
        list-style-type: none;
        font-size: 12px;
        padding: 0;
        margin-bottom: 0;
        margin-top: 0; }

    .eo-vis-palette-group-item-list {
        padding-bottom: 10px;
        border-bottom: 1px solid #e8e8e8;
        background-color: white; }

    .eo-vis-palette-header, .eo-vis-palette-group-header {
        cursor: pointer;
        font-size: 12px;
        font-weight: bold;
        padding-top: 8px;
        padding-left: 15px;
        height: 30px;
        border-bottom: 1px solid #e8e8e8;
        background-color: #f8f8f8; }
    .eo-vis-palette-header:focus, .eo-vis-palette-group-header:focus {
        outline: none; }

    .eo-vis-palette-group-header {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }

    .eo-vis-palette-header {
        padding-left: 5px; }

    .eo-vis-palette-group-item-node {
        outline: none;
        vertical-align: top; }
    .eo-vis-palette-group-item-node--thumbnail {
        display: inline-block;
        padding: 0; }
    .eo-vis-palette-group-item-node--thumbnail .eo-vis-palette-group-item-node-content {
        text-align: center;
        height: auto;
        width: 58px;
        display: block;
        padding: 2px;
        vertical-align: top;
        margin: 0; }
    .eo-vis-palette-group-item-node--thumbnail .eo-vis-palette-group-item-node-content .eo-vis-palette-group-item-node-text {
        white-space: normal;
        padding-left: 0;
        margin-top: 0;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis; }
    .eo-vis-palette-group-item-node--thumbnail .eo-vis-palette-group-item-node-content img {
        width: 100%;
        height: auto;
        padding: 9px;
        padding-bottom: 2px;
        opacity: 0.65; }
    .eo-vis-palette-group-item-node--thumbnail img {
        height: 32px;
        width: 32px; }
    .eo-vis-palette-group-item-node--thumbnail:hover .eo-vis-palette-group-item-node-content img {
        opacity: 1; }

    .eo-vis-palette-group-item-node:hover {
        background-color: #e8e8e8; }

    .eo-vis-palette-group-item-node-content {
        height: 18px;
        padding: 4px 0 4px 34px;
        margin: 0 2px 0 1px;
        cursor: pointer;
        background-color: transparent; }

    .eo-vis-palette-group-item-node-content:hover {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        outline: none; }

    .eo-vis-palette-group-item-node-icon {
        padding: 0;
        width: 16px;
        height: 16px;
        vertical-align: baseline;
        image-rendering: pixelated; }
    .eo-vis-palette-group-item-node-icon--bigIcon {
        opacity: 0.7; }
    .eo-vis-palette-group-item-node-icon--bigIcon:hover {
        opacity: 1; }

    .eo-vis-palette-group-item-node span {
        display: block;
        margin-top: -17px;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }

    .eo-vis-palette-group-item-node-text {
        padding-left: 20px;
        color: #626262; }

    .glyphicon-triangle-right:before {
        content: "\e250"; }

    .glyphicon-triangle-bottom:before {
        content: "\e252"; }

    .eo-vis-palette-list-container {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        overflow-y: auto; }

    .eo-vis-palette-list-container::-webkit-scrollbar {
        width: 8px;
        outline: none; }

    .eo-vis-palette-list-container::-webkit-scrollbar-thumb {
        background-clip: padding-box;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        background-color: #c1c1c1;
        -webkit-box-shadow: inset -1px -1px 0px #c1c1c1, inset 1px 1px 0px #c1c1c1; }

    .eo-vis-palette-list-container::-webkit-scrollbar-button {
        width: 0;
        height: 0;
        display: none; }

    .eo-vis-palette-list-container::-webkit-scrollbar-corner {
        background-color: transparent; }

    .eo-vis-search-panel {
        font-size: 12px; }
    .eo-vis-search-panel .ui-grid-top-panel {
        background: none; }
    .eo-vis-search-panel .eo-vis-search-panel-search-header {
        height: 23px;
        position: relative;
        z-index: 3;
        padding-top: 10px; }
    .eo-vis-search-panel .eo-vis-search-panel-search-header .eo-vis-search-panel-header {
        margin: 0px;
        padding: 5px; }
    .eo-vis-search-panel .eo-vis-search-panel-search-header .eo-vis-search-panel-close {
        padding: 2px 3px; }
    .eo-vis-search-panel .eo-vis-search-panel-search-header .eo-vis-search-panel-minimize {
        padding: 2px 22px; }
    .eo-vis-search-panel .eo-vis-search-panel-search-box {
        height: 34px;
        position: relative;
        z-index: 2; }
    .eo-vis-search-panel .eo-vis-search-panel-search-box input.form-control {
        box-sizing: border-box;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        font-size: 12px; }
    .eo-vis-search-panel .eo-vis-search-panel-search-box .input-group-btn .searchButton {
        margin-left: 0px;
        background-color: #666;
        font-size: 12px;
        font-weight: 400;
        border-radius: 2px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0; }
    .eo-vis-search-panel .eo-vis-search-panel-search-box .input-group-btn .searchButton:hover {
        color: white; }
    .eo-vis-search-panel .ui-grid {
        min-height: 100%;
        height: 100% !important;
        padding-top: 32px;
        overflow: hidden; }
    .eo-vis-search-panel .ui-grid-header-cell, .eo-vis-search-panel .ui-grid-row, .eo-vis-search-panel .ui-grid-cell, .eo-vis-search-panel .ui-grid-cell {
        font-size: 12px !important; }

    .eo-vis-validator-panel {
        height: 100%;
        overflow: hidden; }
    .eo-vis-validator-panel .ui-grid-top-panel {
        background: none; }
    .eo-vis-validator-panel .eo-vis-validator-panel-header-body {
        height: 23px;
        margin-bottom: -23px;
        position: relative;
        z-index: 3; }
    .eo-vis-validator-panel .eo-vis-validator-panel-header-body .eo-vis-validator-panel-header {
        margin: 0px;
        padding: 5px; }
    .eo-vis-validator-panel .eo-vis-validator-panel-header-body .eo-vis-validator-panel-close {
        display: inline-block;
        width: 20px;
        height: 20px;
        padding: 2px 3px;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 10;
        cursor: pointer; }
    .eo-vis-validator-panel .eo-vis-validator-panel-header-body .filter-dropdown {
        position: absolute;
        display: inline-block;
        float: right;
        right: 0px;
        top: 20px; }
    .eo-vis-validator-panel .eo-vis-validator-panel-header-body .filter-dropdown .filter-btn {
        padding: 5px;
        border: none;
        cursor: pointer;
        background-color: transparent;
        color: black;
        font-size: 12px; }
    .eo-vis-validator-panel .eo-vis-validator-panel-header-body .filter-dropdown .filter-btn:focus {
        outline: 0px solid transparent !important; }
    .eo-vis-validator-panel .eo-vis-validator-panel-header-body .filter-dropdown-content {
        position: absolute;
        background-color: #f9f9f9;
        width: 120px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        margin-top: 0px;
        left: -90px;
        padding-bottom: 10px; }
    .eo-vis-validator-panel .eo-vis-validator-panel-header-body .filter-dropdown-content label:nth-of-type(1) {
        color: #c00 !important;
        margin-top: 0;
        margin-left: 10px; }
    .eo-vis-validator-panel .eo-vis-validator-panel-header-body .filter-dropdown-content label:nth-of-type(2) {
        color: #00c !important; }
    .eo-vis-validator-panel .eo-vis-validator-panel-header-body .filter-dropdown-content label:nth-of-type(3) {
        color: #f90 !important; }
    .eo-vis-validator-panel .eo-vis-validator-panel-header-body .filter-dropdown-content label:nth-of-type(4) {
        color: #f0f !important; }
    .eo-vis-validator-panel .eo-vis-validator-panel-header-body .filter-dropdown-content:focus {
        outline: 0px solid transparent !important; }
    .eo-vis-validator-panel .eo-vis-validator-panel-header-body .filter-dropdown-content input {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block; }
    .eo-vis-validator-panel .ui-grid {
        min-height: 100%;
        height: 100% !important;
        padding-top: 23px;
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
        z-index: 1;
        border-color: whitesmoke; }
    .eo-vis-validator-panel .ui-grid .ui-grid-contents-wrapper {
        border: 1px solid #d4d4d4;
        box-sizing: border-box;
        border-width: 1px 1px 0 1px; }
    .eo-vis-validator-panel .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container {
        padding-top: 31px;
        box-sizing: border-box;
        height: 100%; }
    .eo-vis-validator-panel .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-header {
        margin-top: -31px;
        position: relative;
        z-index: 2; }
    .eo-vis-validator-panel .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-viewport {
        min-height: 100%;
        height: 100% !important;
        width: 100% !important;
        box-sizing: border-box;
        z-index: 1;
        position: relative; }
    .eo-vis-validator-panel .ui-grid .ui-grid-contents-wrapper .ui-grid-render-container .ui-grid-viewport .ui-grid-canvas {
        width: 100% !important;
        overflow: hidden; }
    .eo-vis-validator-panel .ui-grid .ui-grid-contents-wrapper .ui-grid-header-cell, .eo-vis-validator-panel .ui-grid .ui-grid-contents-wrapper .ui-grid-row, .eo-vis-validator-panel .ui-grid .ui-grid-contents-wrapper .ui-grid-cell, .eo-vis-validator-panel .ui-grid .ui-grid-contents-wrapper .ui-grid-cell {
        font-size: 12px !important; }
    .eo-vis-validator-panel .ui-grid .ui-grid-contents-wrapper .ui-grid-header-cell-primary-focus:focus {
        outline: 0px solid transparent !important; }
    .eo-vis-validator-panel .ui-grid-row, .eo-vis-validator-panel .ui-grid-cell {
        height: auto !important; }
    .eo-vis-validator-panel .ui-grid-row div[role=row] {
        display: flex;
        align-content: stretch; }

    .eo-vis-model-tabs {
        width: 100%;
        height: 100%;
        padding-left: 1px; }
    .eo-vis-model-tabs-container {
        border-bottom: 1px solid #cccccc;
        height: 32px;
        position: relative;
        z-index: 1; }
    .eo-vis-model-tabs-container ul#model-tabs {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
        box-sizing: border-box;
        height: 32px;
        position: relative;
        z-index: 2;
        overflow: hidden;
        padding-top: 5px; }
    .eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab {
        max-width: 150px;
        float: left;
        margin: 0 0 -1px 4px;
        position: relative;
        z-index: 3;
        display: block;
        box-sizing: border-box;
        cursor: default; }
    .eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab:first-child {
        margin-left: 6px; }
    .eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid #cccccc;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        border-bottom-width: 0;
        position: relative;
        display: block;
        padding: 3px 16px 3px 26px;
        text-decoration: none;
        cursor: pointer;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        height: 30px; }
    .eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab > a:hover {
        color: dimgrey;
        background-color: #fff;
        border: 1px solid #aeaeae;
        border-bottom-color: transparent;
        cursor: default;
        cursor: pointer; }
    .eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab > a:focus {
        outline: none; }
    .eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab > a .form:before {
        content: "\f022"; }
    .eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab > a .process:before {
        content: "\f0db"; }
    .eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab > a .case:before {
        content: "\f0b1"; }
    .eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab > a > span.modified {
        color: red;
        vertical-align: sub; }
    .eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab > a > span.name {
        vertical-align: sub; }
    .eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab > a .eo-vis-model-tab-icon {
        opacity: 0.3;
        position: absolute;
        left: 4px;
        top: 6px; }
    .eo-vis-model-tabs-container ul#model-tabs > li.eo-vis-model-tab > i {
        font-size: 8px;
        position: absolute;
        right: 4px;
        color: dimgrey;
        cursor: pointer; }
    .eo-vis-model-tabs-container ul#model-tabs > li.active > a {
        color: dimgrey;
        background-color: #fff;
        border: 1px solid #cccccc;
        border-bottom-color: transparent;
        cursor: default; }
    .eo-vis-model-tabs-container ul#model-tabs > li.active > a:focus {
        color: dimgrey;
        background-color: #fff;
        border: 1px solid #cccccc;
        border-bottom-color: transparent;
        cursor: default; }
    .eo-vis-model-tabs-container ul#model-tabs > li.active > a:hover {
        color: dimgrey;
        background-color: #fff;
        border: 1px solid #cccccc;
        border-bottom-color: transparent;
        cursor: default; }
    .eo-vis-model-tabs .eo-vis-model-list {
        position: absolute;
        z-index: 9999;
        width: 32px;
        height: 32px;
        padding: 9px;
        left: 0px;
        top: 2px;
        box-sizing: border-box;
        cursor: pointer;
        font-size: 16px; }
    .eo-vis-model-tabs .eo-vis-model-list-filter {
        width: 20%;
        float: left;
        border: 1px solid #aeaeae;
        border-right: none;
        position: relative; }
    .eo-vis-model-tabs .eo-vis-model-list-filter-menu {
        display: none;
        position: absolute;
        background-color: white;
        left: 100%;
        top: -1px;
        border: 1px solid #aeaeae; }
    .eo-vis-model-tabs .eo-vis-model-list-filter-menu-item {
        padding: 10px;
        white-space: nowrap;
        font-size: 12px;
        cursor: pointer; }
    .eo-vis-model-tabs .eo-vis-model-list-filter-menu-item:hover {
        background-color: #f2f2f2; }
    .eo-vis-model-tabs .eo-vis-model-list-filter-menu-item.selected {
        color: #337ab7; }
    .eo-vis-model-tabs .eo-vis-model-list-filter-selector {
        height: 22px; }
    .eo-vis-model-tabs .eo-vis-model-list-filter-selector-icon {
        padding-left: 6px;
        padding-top: 5px; }
    .eo-vis-model-tabs .eo-vis-model-list-filter-selector-text {
        overflow: hidden;
        width: calc(100% - 24px);
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        position: relative;
        margin-left: 2px;
        vertical-align: sub; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-filter:hover .eo-vis-model-list-filter-menu {
        display: block; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option {
        position: absolute;
        max-height: calc(100vh - 158px);
        width: 350px;
        top: 36px;
        border: 1px solid #c8c8c8;
        left: 4px;
        z-index: 105;
        background-color: white;
        -webkit-box-shadow: 3px 3px 10px -4px #b7b7b7, -3px 3px 10px -4px #b7b7b7;
        -moz-box-shadow: 3px 3px 10px -4px #b7b7b7, -3px 3px 10px -4px #b7b7b7;
        -ms-box-shadow: 3px 3px 10px -4px #b7b7b7, -3px 3px 10px -4px #b7b7b7;
        box-shadow: 3px 3px 10px -4px #b7b7b7, -3px 3px 10px -4px #b7b7b7;
        font-size: 11px;
        font-family: arial,sans-serif; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option #eo-vis-model-list-query {
        width: 80%;
        float: left;
        border: 1px solid #aeaeae;
        border-width: 1px 0px 1px 0px;
        padding: 0px 2px 2px 4px;
        line-height: 20px;
        box-sizing: border-box; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option #eo-vis-model-list-option-ul {
        display: block;
        width: 100%;
        max-height: calc(100vh - 320px);
        overflow-x: hidden;
        overflow-y: auto;
        list-style-type: none;
        margin: 0;
        padding: 0; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option #eo-vis-model-list-option-ul li:hover {
        cursor: pointer; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option #eo-vis-model-list-option-ul li.disable {
        cursor: default;
        background-color: #fff; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option #eo-vis-model-list-option-ul li:nth-child(odd) {
        background-color: #f2f2f2; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option #eo-vis-model-list-option-ul li:nth-child(event) {
        background-color: #efefef; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option #eo-vis-model-list-option-ul li:hover {
        background-color: #bfbfbf; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option #eo-vis-model-list-option-ul li.disable:hover {
        background-color: #fff; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option #eo-vis-model-list-option-ul li {
        padding: 2px 0px; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option #eo-vis-model-list-option-ul li span.eo-vis-model-tab-icon {
        vertical-align: bottom; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option #eo-vis-model-list-option-ul li > span {
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option #eo-vis-model-list-option-ul li > span.icon {
        margin-left: 5px;
        margin-top: 2px;
        opacity: 0.3;
        vertical-align: baseline; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option #eo-vis-model-list-option-ul li > span.text {
        margin-left: 5px;
        font-size: 12px;
        max-width: calc(100% - 30px); }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option #eo-vis-model-list-option-ul li > span.modified {
        color: red; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option #eo-vis-model-list-option-ul li + li {
        border-top: 1px solid #aeaeae; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option .eo-vis-model-list-create {
        width: 100%;
        padding: 0; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option .eo-vis-model-list-create li {
        display: inline-block;
        width: 65px;
        box-sizing: border-box;
        margin: 0;
        vertical-align: top;
        padding-bottom: 0;
        text-align: center;
        padding-left: 6px;
        padding-right: 6px; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option .eo-vis-model-list-create li:hover .eo-vis-model-tab-icon svg {
        opacity: 1; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option .eo-vis-model-list-create .eo-vis-model-tab-icon {
        height: 100%;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option .eo-vis-model-list-create .eo-vis-model-tab-icon svg {
        opacity: 0.6;
        height: 100%;
        width: 100%; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option .eo-vis-model-list-create-tag {
        font-size: 14px;
        padding: 4px 8px;
        border-top: 1px solid #e8e8e8;
        background-color: #daf4fb;
        margin-bottom: 10px;
        text-align: center; }
    .eo-vis-model-tabs .eo-vis-model-list .eo-vis-model-list-option .eo-vis-model-list-create-label {
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        line-height: 11px; }
    .eo-vis-model-tabs .eo-vis-model-list-open-tag {
        font-size: 14px;
        padding: 4px 8px;
        background-color: #daf4fb;
        text-align: center; }
    .eo-vis-model-tabs .eo-vis-model-container {
        border-top: 0 solid #aeaeae;
        margin-top: 0;
        width: 100%;
        height: calc(100% - 32px);
        display: block;
        position: relative; }

    .eo-vis-canvas {
        width: 100%;
        height: 100%;
        overflow: auto;
        position: relative;
        background-color: #eee;
        vertical-align: middle;
        padding-bottom: 4px; }
    .eo-vis-canvas-area {
        background-color: #fff;
        margin: auto;
        position: relative; }
    .eo-vis-canvas--grab {
        cursor: move;
        cursor: grab;
        cursor: -moz-grab;
        cursor: -webkit-grab; }

    .htmlContainer {
        top: 2px; }
    .htmlContainer .rename-shape-input, .htmlContainer .rename-shape-input:focus, .htmlContainer .rename-shape-textarea:focus {
        outline: 1px solid #eee; }
    .htmlContainer .rename-shape-textarea {
        outline: 1px solid #eee;
        font-size: 12px;
        font-family: arial,sans-serif; }

    .modelContainer {
        position: relative;
        overflow: auto; }

    .eo-vis-attributes-panel {
        overflow-y: auto;
        height: 100%;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #f5f5f5; }
    .eo-vis-attributes-panel-group {
        cursor: pointer;
        font-size: 12px;
        font-weight: bold;
        padding-top: 8px;
        padding-left: 15px;
        height: 30px;
        background-color: #409EFF;
        color: white;
        border-bottom: 1px solid #e8e8e8; }
    .eo-vis-attributes-panel-group-expansion-button {
        float: right;
        margin-right: 16px; }
    .eo-vis-attributes-panel-group:focus {
        border-color: #0096ff; }
    .eo-vis-attributes-panel-group:focus i {
        color: #0096ff; }
    .eo-vis-attributes-panel-group-content {
        padding: 0;
        border-bottom: 1px solid #e8e8e8;
        background-color: #f5f5f5; }
    .eo-vis-attributes-panel-resizer {
        position: absolute;
        height: 100%;
        width: 6px;
        left: -6px;
        top: 0;
        background-color: #7a9cff;
        opacity: 0;
        cursor: col-resize; }
    .eo-vis-attributes-panel-resizer:hover {
        opacity: 1; }

    .eo-vis-control-expand-content {
        border: 2px solid #ededed; }
    .eo-vis-control-expand-content td:focus {
        color: #0096ff; }

    .eo-vis-control-expand-header button {
        width: 100%;
        background-color: #ffffff;
        border: none;
        border-bottom: 1px solid #e8e8e8;
        word-break: break-word; }

    .eo-vis-control-tabs-selection-active {
        text-decoration: underline;
        font-weight: bold; }

    .eo-vis-attribute-control {
        min-height: 32px;
        border-bottom: 4px solid #ededed;
        position: relative;
        box-sizing: border-box; }
    .eo-vis-attribute-control-validationIcon {
        position: absolute;
        left: 3px;
        font-size: 12px;
        top: 7px;
        color: firebrick;
        opacity: 0.5; }
    .eo-vis-attribute-control-validationIcon:hover {
        opacity: 1; }
    .eo-vis-attribute-control-runtimeButton {
        border: 1px solid transparent;
        width: 16px;
        box-sizing: border-box;
        height: 16px;
        cursor: pointer;
        padding: 0;
        position: absolute;
        right: 7px;
        top: 4px;
        z-index: 2; }
    .eo-vis-attribute-control-runtimeButton[active=false] {
        opacity: 0.4; }
    .eo-vis-attribute-control :focus {
        border-color: #0096ff; }
    .eo-vis-attribute-control-label {
        margin-bottom: 0;
        font-size: 12px;
        height: 20px;
        display: block;
        color: #333; }
    .eo-vis-attribute-control-input {
        color: #636363;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-height: 100px;
        overflow-x: hidden;
        min-height: 23px;
        height: 23px;
        resize: none;
        overflow-y: auto;
        border: 1px solid transparent;
        box-sizing: border-box;
        background-color: white;
        padding-left: 10px;
        font-family: monospace;
        font-size: 13px; }
    .eo-vis-attribute-control-input--invalid {
        border: 1px solid #ff8282; }
    .eo-vis-attribute-control-input--autoSize {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        min-height: 20px;
        height: 20px;
        width: calc(100% - 14px); }
    .eo-vis-attribute-control-box {
        background-color: white; }
    .eo-vis-attribute-control-mode-container {
        width: 100%;
        display: table; }
    .eo-vis-attribute-control-mode-container .eo-vis-attribute-control-label {
        vertical-align: middle; }
    .eo-vis-attribute-control-mode-container .eo-vis-attribute-control-input {
        display: table-cell; }
    .eo-vis-attribute-control-special {
        display: inline-block;
        float: left;
        padding-right: 4px; }
    .eo-vis-attribute-control-special-item {
        height: 18px;
        width: 18px;
        border: 1px solid #c8c8c8;
        display: inline-block;
        cursor: pointer;
        text-align: center;
        opacity: 0.4; }
    .eo-vis-attribute-control-special-item--runtime {
        opacity: 1; }
    .eo-vis-attribute-control-special-item:hover {
        color: black;
        text-decoration: underline; }
    .eo-vis-attribute-control-title-container {
        cursor: pointer;
        border: 1px solid transparent;
        height: 28px; }
    .eo-vis-attribute-control-title-container:focus {
        border: 1px solid #0096ff; }
    .eo-vis-attribute-control-title-container label {
        cursor: pointer; }
    .eo-vis-attribute-control--inline {
        display: inline-block; }
    .eo-vis-attribute-control--inline .eo-vis-attribute-control-label {
        display: inline-block; }
    .eo-vis-attribute-control--inline .eo-vis-attribute-control-input {
        display: inline-block;
        width: auto;
        margin-left: 4px;
        position: relative; }
    .eo-vis-attribute-control--inline .eo-vis-attribute-control-mode-container {
        width: auto;
        display: inline-block; }
    .eo-vis-attribute-control--inline .eo-vis-attribute-control-mode-container .eo-vis-attribute-control-label {
        display: inline-block;
        width: auto; }
    .eo-vis-attribute-control--inline .eo-vis-attribute-control-mode-container .eo-vis-attribute-control-input {
        display: inline-block; }
    .eo-vis-attribute-control--displayTable .eo-vis-control-field {
        display: table;
        width: 100%; }
    .eo-vis-attribute-control--displayTable .eo-vis-attribute-control-label {
        display: table-cell;
        width: 50%;
        padding-right: 4px;
        padding-top: 5px; }
    .eo-vis-attribute-control--displayTable .eo-vis-attribute-control-input {
        display: table-cell; }
    .eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-label {
        display: block;
        width: 100%;
        padding-top: 6px; }
    .eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-input {
        display: block;
        margin-top: 4px; }
    .eo-vis-attribute-control--animationHighlight {
        animation: attributes-panel-control-highlight 2s; }
    .eo-vis-attribute-control--animationSave {
        animation: attributes-panel-control-save-border 0.5s; }
    .eo-vis-attribute-control--animationSave:before {
        /* animation: attributes-panel-control-save 0.5s;*/ }
    .eo-vis-attribute-control:before {
        border-radius: 50%;
        height: 7px;
        width: 7px;
        opacity: 0;
        position: absolute;
        left: -11px;
        color: transparent;
        background-color: #2BBC2F;
        content: '&nbsp;';
        top: 4px;
        pointer-events: none; }
    .eo-vis-attribute-control button:focus {
        outline: 1px solid #0096ff; }

    .eo-vis-control-field {
        padding-left: 18px; }

    .eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-label--flex {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; }
    .eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-label--flex .eo-vis-attribute-control-label-text {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        margin-right: 10px; }
    .eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-label--flex .eo-vis-attribute-control-label-value {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        float: right;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 30px;
        font-style: italic;
        white-space: nowrap;
        color: dimgrey; }

    @keyframes attributes-panel-control-save {
        0% {
            opacity: 0; }
        70% {
            opacity: 1; }
        100% {
            opacity: 1; } }

    @keyframes attributes-panel-control-save-border {
        0% {
            background-color: #d9ecfb; }
        100% {
            background-color: transparent; } }

    @keyframes attributes-panel-control-highlight {
        0% {
            background: #0096ff; }
        100% {
            background: inherit; } }

    .eo-vis-control-complex-date-tab {
        border-right: 1px solid #ededed;
        border-bottom: 1px solid #ededed; }
    .eo-vis-control-complex-date-tab:focus {
        color: #0096ff;
        border-right: 1px solid #ededed; }
    .eo-vis-control-complex-date-tab:last-child {
        border-right: none; }

    .eo-vis-control-complex-date .eo-vis-control-tabs-selection-active {
        border-bottom: 1px solid transparent; }

    .eo-vis-control-complex-date-icon {
        position: absolute;
        top: 8px;
        right: 8px;
        font-size: 12px; }

    .eo-vis-control-complex-date .eo-vis-attribute-control-input {
        box-sizing: content-box;
        /* makes autosize happy */ }

    .eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-label--complexdate {
        cursor: pointer;
        display: inline-block; }

    .eo-vis-control-rich-text {
        /* .cke_toolbar_last:last-child {
    display: block;
    &:after{
      content: 'Go fullscreen for more control';
      vertical-align: sub;
      color: #8c8c8c;
    }
  }*/ }
    .eo-vis-control-rich-text .cke {
        clear: both;
        margin-top: 4px; }
    .eo-vis-control-rich-text .cke_toolgroup {
        margin-bottom: 1px; }
    .eo-vis-control-rich-text .cke_top {
        display: none;
        /*  padding: 2px 2px 2px;
    background-image: none;
    border-bottom-color: #e8e8e8;
    background-color: #fafafa;*/ }
    .eo-vis-control-rich-text .cke_chrome {
        box-shadow: none;
        border: 1px solid #e8e8e8; }
    .eo-vis-control-rich-text .cke_contents iframe body, .eo-vis-control-rich-text .cke_contents iframe html {
        padding: 0;
        margin: 0; }
    .eo-vis-control-rich-text .cke_contents iframe body p, .eo-vis-control-rich-text .cke_contents iframe html p {
        margin: 0; }
    .eo-vis-control-rich-text a.cke_button {
        heigth: 16px;
        padding: 1px 1px; }
    .eo-vis-control-rich-text .cke_bottom {
        display: none; }
    .eo-vis-control-rich-text .cke_toolbar {
        display: none; }
    .eo-vis-control-rich-text-edit {
        display: inline-table;
        position: absolute;
        right: 10px;
        top: 8px;
        border: none;
        background-color: transparent;
        padding: 0;
        font-size: 12px; }
    .eo-vis-control-rich-text-edit:focus {
        outline-style: auto; }
    .eo-vis-control-rich-text-dialog {
        width: 80vw; }
    .eo-vis-control-rich-text-dialog .modal-body {
        height: 70vh; }
    .eo-vis-control-rich-text-dialog .modal-body .modal-body-wrapper {
        height: 100%; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-rich-text.isEmpty .cke {
        opacity: 0;
        margin-top: -18px;
        width: calc(100% - 30px); }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-rich-text label {
        padding-top: 6px; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-rich-text .cke {
        width: calc(100% - 6px); }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-rich-text .cke.cke_focus {
        opacity: 1;
        margin-top: 4px;
        width: calc(100% - 6px); }

    .eo-vis-attribute-control--boolean {
        width: 100%;
        padding-top: 3px; }
    .eo-vis-attribute-control--boolean .eo-vis-attribute-control-mode-container {
        width: 100%;
        display: block; }
    .eo-vis-attribute-control--boolean .eo-vis-attribute-control-mode-container--runtime {
        display: block; }
    .eo-vis-attribute-control--boolean .eo-vis-attribute-control-mode-container--normal label {
        cursor: pointer; }
    .eo-vis-attribute-control--boolean .eo-vis-attribute-control-label--boolean {
        display: inline;
        width: 30%; }
    .eo-vis-attribute-control--boolean .eo-vis-attribute-control-label--boolean--runtime {
        display: block;
        width: 100%; }
    .eo-vis-attribute-control--boolean .eo-vis-attribute-control-input--boolean {
        display: table-cell; }
    .eo-vis-attribute-control--boolean .eo-vis-attribute-control-input--boolean--runtime {
        display: block;
        width: 100%; }
    .eo-vis-attribute-control--boolean .eo-vis-control-boolean .eo-vis-attribute-control-runtime-dialogButton.isEmpty {
        display: none; }
    .eo-vis-attribute-control--boolean .eo-vis-control-boolean--focused .eo-vis-attribute-control-runtime-dialogButton.isEmpty {
        display: block; }

    .eo-vis-control-boolean-wrapper {
        min-height: 25px;
        cursor: pointer; }

    .eo-vis-control-boolean .eo-vis-attribute-control-runtimeButton + input[type=checkbox] {
        margin-left: 4px; }

    .eo-vis-control-boolean input[type=checkbox] {
        margin-left: 4px;
        cursor: pointer; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-boolean .eo-vis-attribute-control-input.isEmpty {
        opacity: 0;
        margin-top: -27px;
        display: block; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-boolean .eo-vis-attribute-control-input.isRuntime:not(:focus) {
        width: calc(100% - 30px); }
    .eo-vis-attribute-control--displayBlock .eo-vis-control-boolean .eo-vis-attribute-control-input.isRuntime:not(:focus).eo-vis-control-variable-assistant-textarea--hasButton {
        width: calc(100% - 48px); }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-boolean .eo-vis-attribute-control-input.eo-vis-control-variable-assistant-textarea {
        width: calc(100% - 6px); }
    .eo-vis-attribute-control--displayBlock .eo-vis-control-boolean .eo-vis-attribute-control-input.eo-vis-control-variable-assistant-textarea--hasButton {
        width: calc(100% - 48px); }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-boolean .eo-vis-attribute-control-input:focus {
        opacity: 1;
        margin-top: 4px; }

    .eo-vis-attribute-control-runtime-dialogButton {
        position: absolute;
        top: 28px;
        right: 4px;
        font-size: 12px;
        height: 24px;
        width: 24px;
        text-align: center;
        cursor: pointer; }
    .eo-vis-attribute-control-runtime-dialogButton:focus {
        outline: 1px solid #0096ff; }
    .eo-vis-attribute-control-runtime-dialogButton .glyphicon {
        vertical-align: bottom; }

    .eo-vis-control-treeView-create-button {
        float: right;
        margin-top: 4px;
        border: none;
        background-color: #2980b9;
        color: white; }

    .eo-vis-control-treeView .eo-vis-attribute-control-label-text:hover {
        text-decoration: underline; }

    .eo-vis-control-treeView-create-button:focus {
        outline-style: auto;
        /* necessary because there is a global :focus style from flowable-ui-modeler style.css */ }

    .eo-vis-control-treeView-openReference, .eo-vis-control-treeView .eo-vis-attribute-control-label--flex .eo-vis-attribute-control-label-value.eo-vis-control-treeView-openReference {
        color: #2980b9; }
    .eo-vis-control-treeView-openReference:hover, .eo-vis-control-treeView .eo-vis-attribute-control-label--flex .eo-vis-attribute-control-label-value.eo-vis-control-treeView-openReference:hover {
        text-decoration: underline; }

    .eo-vis-control-treeView-referenceList {
        padding-top: 1px; }
    .eo-vis-control-treeView-referenceList-item {
        cursor: pointer;
        padding: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: calc(100% - 10px);
        margin-left: 4px; }
    .eo-vis-control-treeView-referenceList-item:focus {
        outline: 1px solid #2980b9; }
    .eo-vis-control-treeView-referenceList-item--selected {
        font-weight: bold;
        text-decoration: underline; }

    .eo-vis-control-treeView-icon {
        position: absolute;
        top: 8px;
        right: 10px;
        font-size: 12px; }

    .colorpicker:before, .colorpicker:after {
        visibility: hidden;
        /* because it does not support top alignment, so we hide the arrow for now */ }

    .eo-vis-attribute-control--color {
        position: relative; }
    .eo-vis-attribute-control--color .eo-vis-attribute-control-input {
        padding-left: 22px;
        margin-left: -10px; }

    .eo-vis-control-colorPicker-sample {
        border-radius: 50%;
        width: 8px;
        height: 8px;
        display: inline-block;
        left: 8px;
        position: relative;
        z-index: 1; }

    .eo-vis-attributes-panel .eo-vis-attribute-control-label--complex {
        display: inline-table;
        margin-right: 4px;
        width: 30%;
        vertical-align: top; }

    .eo-vis-control-table {
        cursor: pointer; }
    .eo-vis-control-table-mode-container {
        display: block; }
    .eo-vis-control-table-container {
        margin-top: 2px;
        max-height: 100px;
        overflow: auto; }
    .eo-vis-control-table-container table {
        border: 1px solid #e8e8e8;
        min-width: 100%;
        font-size: 10px;
        font-family: monospace;
        background-color: white; }
    .eo-vis-control-table-container table th {
        padding: 2px;
        border: 1px solid #e8e8e8;
        white-space: nowrap;
        color: #888; }
    .eo-vis-control-table-container table td {
        color: #888;
        padding: 2px;
        border: 1px solid #e8e8e8;
        max-width: 90px; }
    .eo-vis-control-table-container:focus {
        outline: 1px solid #0096ff; }
    .eo-vis-control-table-dialog {
        width: 80vw; }
    .eo-vis-control-table-dialog-grid {
        height: 60vh; }
    .eo-vis-control-table-dialog-grid .ui-grid-row:last-child .ui-grid-cell-contents {
        opacity: 0.4; }
    .eo-vis-control-table-dialog-grid .ui-grid-row:last-child .ui-grid-cell-contents-focus {
        opacity: 1; }
    .eo-vis-control-table-edit {
        display: inline-block;
        border-bottom-width: 2px;
        font-size: 12px;
        height: 26px;
        width: 100%;
        text-align: left;
        background-color: transparent;
        border: none;
        padding-left: 0; }
    .eo-vis-control-table-edit:focus {
        outline-style: auto; }
    .eo-vis-control-table-edit-icon {
        vertical-align: text-top;
        margin-right: 2px;
        float: right; }
    .eo-vis-control-table-buttonGroup {
        padding-top: 5px;
        padding-left: 4px;
        width: 80px;
        margin: 0 auto; }
    .eo-vis-control-table-button {
        padding: 1px 4px;
        outline: #d8d8d8 solid 1px;
        background-color: #ffffff;
        border-style: hidden; }
    .eo-vis-control-table-button:focus {
        outline: #0096ff solid 1px; }
    .eo-vis-control-table-button--hidden {
        visibility: hidden;
        pointer-events: none;
        opacity: 0; }
    .eo-vis-control-table-preview-cell {
        width: 100%;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
    .eo-vis-control-table .eo-vis-attribute-control-input {
        box-sizing: content-box;
        /* makes autosize happy */ }

    .eo-vis-attribute-control-runtimeButton + .eo-vis-control-table-edit {
        width: calc(100% - 36px); }

    .eo-vis-control-timer-icon {
        position: absolute;
        top: 8px;
        right: 10px;
        font-size: 12px; }

    .eo-vis-control-timer-label {
        height: 26px; }
    .eo-vis-control-timer-label:focus {
        outline: 1px solid #0096ff; }

    .eo-vis-control-timer .eo-vis-attribute-control-label {
        font-size: 12px;
        cursor: pointer; }

    .eo-vis-control-timer-time {
        width: 34px; }

    .eo-vis-control-timer-date {
        width: 88px; }

    .eo-vis-control-timer-duration-label {
        font-size: 12px; }

    .eo-vis-control-timer-duration-input {
        width: 40px; }

    .eo-vis-control-timer hr {
        margin-top: 4px;
        margin-bottom: 4px; }

    .eo-vis-control-timer-box {
        padding-top: 4px; }

    .eo-vis-control-timer .eo-vis-control-expand-content {
        margin-top: 4px; }

    .eo-vis-control-simple-text--displayTable {
        display: table;
        width: 100%; }
    .eo-vis-control-simple-text--displayTable .eo-vis-attribute-control-label {
        display: table-cell;
        width: 30%;
        text-overflow: ellipsis;
        overflow: hidden; }
    .eo-vis-control-simple-text--displayTable .eo-vis-attribute-control-input {
        display: table-cell;
        width: 100%; }

    .eo-vis-control-simple-text textarea[readonly] {
        background-color: #f5f5f5; }

    .eo-vis-attribute-control--string.eo-vis-attribute-control--displayTable {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0; }

    .eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-label--string, .eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-label--text, .eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-label--simpletext {
        padding-top: 6px; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-simple-text label {
        padding-top: 6px; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-simple-text .eo-vis-attribute-control-input.isEmpty {
        opacity: 0;
        margin-top: -18px; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-simple-text .eo-vis-attribute-control-input:focus {
        opacity: 1;
        margin-top: 4px; }

    .eo-vis-control-simple-text-expression--displayTable {
        display: table;
        width: 100%; }
    .eo-vis-control-simple-text-expression--displayTable .eo-vis-attribute-control-label {
        display: table-cell;
        width: 30%;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-top: 6px; }
    .eo-vis-control-simple-text-expression--displayTable .eo-vis-attribute-control-input {
        display: table-cell;
        width: 100%; }

    .eo-vis-control-simple-text-expression .eo-vis-attribute-control-runtime-dialogButton {
        top: 2px; }

    .eo-vis-attribute-control--simpletextexpression.eo-vis-attribute-control--displayTable {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0; }

    .eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-label--textexpression {
        padding-top: 6px; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-simple-text-expression label {
        padding-top: 6px; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-simple-text-expression .eo-vis-attribute-control-input.isEmpty {
        opacity: 0;
        margin-top: -18px; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-simple-text-expression .eo-vis-attribute-control-input:focus {
        opacity: 1;
        margin-top: 4px; }

    .eo-vis-attribute-control--integer.eo-vis-attribute-control--displayTable,
    .eo-vis-attribute-control--float.eo-vis-attribute-control--displayTable {
        width: 100%; }
    .eo-vis-attribute-control--integer.eo-vis-attribute-control--displayTable .eo-vis-attribute-control-input,
    .eo-vis-attribute-control--float.eo-vis-attribute-control--displayTable .eo-vis-attribute-control-input {
        height: 27px; }
    .eo-vis-attribute-control--integer.eo-vis-attribute-control--displayTable .eo-vis-attribute-control-input:invalid,
    .eo-vis-attribute-control--float.eo-vis-attribute-control--displayTable .eo-vis-attribute-control-input:invalid {
        color: red; }
    .eo-vis-attribute-control--integer.eo-vis-attribute-control--displayTable .eo-vis-attribute-control-runtimeButton + .eo-vis-attribute-control-input,
    .eo-vis-attribute-control--integer.eo-vis-attribute-control--displayTable .eo-vis-attribute-control-runtimeButton + div > .eo-vis-attribute-control-input,
    .eo-vis-attribute-control--float.eo-vis-attribute-control--displayTable .eo-vis-attribute-control-runtimeButton + .eo-vis-attribute-control-input,
    .eo-vis-attribute-control--float.eo-vis-attribute-control--displayTable .eo-vis-attribute-control-runtimeButton + div > .eo-vis-attribute-control-input {
        width: calc(100% - 30px); }

    md-backdrop.md-select-backdrop {
        z-index: 9998; }

    .eo-vis-control-choice-icon {
        position: absolute;
        top: 6px;
        right: 10px;
        font-size: 12px;
        pointer-events: none; }

    .eo-vis-control-choice .md-input-focused + .eo-vis-control-choice-icon {
        opacity: 0; }

    .eo-vis-control-choice .eo-vis-attribute-control-runtimeButton + .eo-vis-attribute-control-mode-container .eo-vis-control-choice-icon {
        right: 40px; }

    .eo-vis-control-choice md-input-container {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 23px;
        box-sizing: border-box;
        border: 1px solid transparent;
        background-color: white; }
    .eo-vis-control-choice md-input-container md-select {
        height: 23px; }
    .eo-vis-control-choice md-input-container md-select .md-select-value {
        height: 23px;
        min-height: 23px;
        box-sizing: border-box;
        border-bottom: none;
        font-size: 13px;
        font-family: monospace;
        padding-left: 10px;
        color: #636363; }
    .eo-vis-control-choice md-input-container md-select:not([disabled]):focus .md-select-value {
        border: 1px solid #0096ff; }

    .eo-vis-control-choice-container {
        z-index: 9999; }
    .eo-vis-control-choice-container md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon {
        top: 3px;
        width: 15px;
        height: 15px; }
    .eo-vis-control-choice-container md-select-menu[multiple] md-option.md-checkbox-enabled .md-container::after {
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important; }
    .eo-vis-control-choice-container md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
        left: 2.67px;
        top: -2.78px; }
    .eo-vis-control-choice-container md-option {
        padding: 0 16px;
        height: 20px; }
    .eo-vis-control-choice-container md-select-menu[multiple] md-option {
        padding-left: 32px;
        padding-right: 32px; }
    .eo-vis-control-choice-container .md-select-value .md-select-icon {
        text-align: right; }
    .eo-vis-control-choice-container .eo-vis-control-choice-header-searchbox {
        border: none;
        outline: none;
        line-height: 15px;
        width: 100%;
        padding: 5px 10px; }

    .eo-vis-attribute-control--inline .eo-vis-control-choice md-input-container {
        width: auto; }

    .eo-vis-attribute-control--displayTable .md-select-value {
        height: 28px; }

    .eo-vis-attribute-control--displayTable md-input-container {
        height: 28px; }
    .eo-vis-attribute-control--displayTable md-input-container md-select {
        height: 28px; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-choice .eo-vis-attribute-control-mode-container {
        display: block; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-choice .eo-vis-attribute-control-mode-container--runtime label {
        padding-top: 6px; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-choice .eo-vis-attribute-control-mode-container--runtime .eo-vis-attribute-control-input {
        display: block;
        width: calc(100% - 6px); }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-choice .eo-vis-attribute-control-mode-container--runtime .eo-vis-attribute-control-input.isEmpty {
        opacity: 0;
        margin-top: -18px;
        width: calc(100% - 30px); }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-choice .eo-vis-attribute-control-mode-container--runtime .eo-vis-attribute-control-input:focus {
        opacity: 1;
        margin-top: 4px;
        width: calc(100% - 6px); }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-choice .eo-vis-attribute-control-mode-container--normal label {
        padding-top: 6px; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-choice .eo-vis-attribute-control-mode-container--normal md-input-container {
        display: block;
        margin-top: 4px; }
    .eo-vis-attribute-control--displayBlock .eo-vis-control-choice .eo-vis-attribute-control-mode-container--normal md-input-container.isEmpty {
        margin-top: -18px;
        opacity: 0; }
    .eo-vis-attribute-control--displayBlock .eo-vis-control-choice .eo-vis-attribute-control-mode-container--normal md-input-container.md-input-focused {
        margin-top: 4px;
        transition: margin-top 0ms, opacity 0ms;
        transition-delay: 150ms;
        opacity: 1; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-choice .eo-vis-attribute-control-runtimeButton + .eo-vis-attribute-control-mode-container--normal md-input-container.isEmpty {
        width: calc(100% - 30px); }

    .eo-vis-control-flow-order .eo-vis-attribute-control-label {
        cursor: pointer; }

    .eo-vis-control-flow-order table {
        color: dimgrey;
        background-color: white;
        margin-top: 4px; }

    .eo-vis-control-flow-order-icon {
        position: absolute;
        top: 6px;
        right: 10px;
        font-size: 12px; }

    .eo-vis-control-flow-order-row {
        border-top: 1px solid #e8e8e8; }
    .eo-vis-control-flow-order-row-button {
        padding: 2px;
        cursor: pointer; }
    .eo-vis-control-flow-order-row-button:hover {
        color: black; }
    .eo-vis-control-flow-order-row:nth-child(2) .eo-vis-control-flow-order-row-button--up {
        cursor: inherit;
        opacity: 0; }
    .eo-vis-control-flow-order-row:last-child .eo-vis-control-flow-order-row-button--down {
        cursor: inherit;
        opacity: 0; }

    .eo-vis-attributes-panel .eo-vis-attribute-control-label--scripteditor {
        cursor: pointer; }

    .eo-vis-control-script-editor {
        height: 28px; }
    .eo-vis-control-script-editor:focus {
        outline: 1px solid #0096ff; }
    .eo-vis-control-script-editor label {
        display: inline-block;
        width: 30%; }
    .eo-vis-control-script-editor-dialog {
        width: 80vw; }
    .eo-vis-control-script-editor-dialog .modal-content .modal-body {
        height: 70vh;
        padding: 0; }
    .eo-vis-control-script-editor-dialog .modal-content .modal-body .modal-body-wrapper {
        height: 100%; }
    .eo-vis-control-script-editor-dialog .modal-content .modal-body .modal-body-wrapper .eo-script-editor-variableAssistantWrapper {
        height: 89%; }
    .eo-vis-control-script-editor-dialog .modal-content .modal-body .modal-body-wrapper .eo-script-editor-variableAssistantWrapper ng-transclude {
        height: 100%; }
    .eo-vis-control-script-editor-dialog .modal-content .modal-body .modal-body-wrapper .menu-bar {
        height: 11%;
        padding: 10px 15px;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
        background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
        background: -moz-linear-gradient(bottom, #eeeeee 0%, #ffffff 100%);
        background: -o-linear-gradient(#ffffff, #eeeeee);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
        border-bottom: 1px solid #d4d4d4; }
    .eo-vis-control-script-editor-dialog .modal-content .modal-body .modal-body-wrapper .menu-bar button {
        float: right;
        line-height: initial;
        margin: 0px 0px 0px 10px;
        padding: 0px;
        background: none;
        color: dimgrey; }
    .eo-vis-control-script-editor-dialog .modal-content .modal-body .modal-body-wrapper .menu-bar button:hover {
        color: #337ab7; }
    .eo-vis-control-script-editor-dialog .modal-content .modal-body .esc-hints {
        position: absolute;
        height: auto;
        padding: 5px;
        width: 50%;
        top: 10px;
        left: 25%;
        background: #f7f7f7;
        border: 1px solid #ddd;
        z-index: 1000; }
    .eo-vis-control-script-editor-dialog .modal-content .modal-body .help-container {
        color: dimgrey;
        font-family: arial, sans-serif !important;
        position: absolute;
        z-index: 1000;
        top: 34px;
        right: 8px;
        width: 240px;
        height: 300px;
        border: 1px solid #ddd;
        background: #f7f7f7;
        box-shadow: 5px -5px 5px #ccc;
        padding-top: 10px; }
    .eo-vis-control-script-editor-dialog .modal-content .modal-body .help-container::before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #f7f7f7;
        position: absolute;
        right: 4px;
        top: -8px; }
    .eo-vis-control-script-editor-dialog .modal-content .modal-body .help-container h1 {
        font-weight: 700;
        padding: 2px 10px;
        margin-top: 0px;
        margin-bottom: 8px;
        font-size: 12px;
        color: dimgrey; }
    .eo-vis-control-script-editor-dialog .modal-content .modal-body .help-container p {
        font-size: 12px; }
    .eo-vis-control-script-editor-dialog .modal-content .modal-body .help-container p span:first-child {
        font-weight: 700;
        color: #555;
        width: 40%;
        display: inline-block; }
    .eo-vis-control-script-editor-dialog .modal-content .modal-body .help-container p span:last-child::before {
        content: ":"; }
    .eo-vis-control-script-editor-dialog .modal-content .modal-body .CodeMirror {
        height: 100%; }
    .eo-vis-control-script-editor-dialog.fullscreen {
        height: 100% !important;
        width: 100% !important;
        margin: 0px auto !important; }
    .eo-vis-control-script-editor-edit {
        border: 1px solid #e8e8e8;
        display: inline-block;
        border-bottom-width: 2px; }
    .eo-vis-control-script-editor-edit:focus {
        outline-style: auto; }

    .eo-vis-control-textarea-edit {
        display: inline-table;
        position: absolute;
        right: 10px;
        top: 8px;
        border: none;
        background-color: transparent;
        padding: 0;
        font-size: 12px; }
    .eo-vis-control-textarea-edit:focus {
        outline-style: auto; }

    .eo-vis-control-textarea-dialog {
        width: 80vw; }
    .eo-vis-control-textarea-dialog .modal-body-wrapper {
        height: 70vh; }
    .eo-vis-control-textarea-dialog .modal-body-wrapper > div {
        height: 100%;
        width: 100%; }
    .eo-vis-control-textarea-dialog-input {
        width: 100%;
        height: 100%; }
    .eo-vis-control-textarea-dialog textarea:focus {
        outline-style: auto; }

    .eo-vis-control-textarea-tip {
        color: dimgrey; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-textarea label {
        padding-top: 6px; }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-textarea .eo-vis-attribute-control-input.isEmpty {
        opacity: 0;
        margin-top: -18px;
        width: calc(100% - 30px); }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-textarea .eo-vis-attribute-control-input {
        width: calc(100% - 6px); }

    .eo-vis-attribute-control--displayBlock .eo-vis-control-textarea .eo-vis-attribute-control-input:focus {
        opacity: 1;
        margin-top: 4px;
        width: calc(100% - 6px); }

    .eo-vis-control-complex-form-label {
        cursor: pointer;
        padding-bottom: 4px;
        height: 28px; }
    .eo-vis-control-complex-form-label:focus {
        outline: 1px solid #0096ff; }

    .eo-vis-control-complex-form-icon {
        position: absolute;
        top: 6px;
        right: 10px;
        font-size: 12px; }

    .eo-vis-control-complex-form .eo-vis-control-expand-content {
        padding: 0;
        background-color: #f5f5f5;
        margin: 4px;
        border: 2px solid #ededed; }

    .eo-vis-control-complex-form .eo-vis-attribute-control {
        border-bottom: 2px solid #ededed; }

    .eo-vis-control-key-value-label {
        cursor: pointer;
        height: 28px; }
    .eo-vis-control-key-value-label:focus {
        outline: 1px solid #0096ff; }

    .eo-vis-control-key-value-icon {
        position: absolute;
        top: 6px;
        right: 10px;
        font-size: 12px; }

    .eo-vis-control-key-value .eo-vis-control-expand-content {
        padding: 4px;
        border-bottom: none;
        margin-top: 4px; }

    .eo-vis-control-key-value-key {
        padding: 0; }

    .eo-vis-control-key-value-key-input {
        margin-top: 4px;
        display: block;
        width: calc(100% - 4px); }
    .eo-vis-control-key-value-key-input::placeholder {
        font-size: 11px;
        font-style: italic; }

    .eo-vis-control-key-value-value-input {
        width: 100%; }

    .eo-vis-control-key-value-table-header {
        font-size: 12px;
        font-weight: normal; }

    .eo-vis-control-checkToInput {
        padding-top: 3px; }

    .eo-vis-control-list-icon {
        order: 2;
        right: 10px; }

    .eo-vis-control-list-label {
        height: 26px; }
    .eo-vis-control-list-label:hover {
        cursor: pointer; }
    .eo-vis-control-list-label:focus {
        outline: 1px solid #0096ff; }

    .eo-vis-control-list-input {
        border: 1px solid #ededed; }

    .eo-vis-control-list-table {
        width: 100%;
        /* TODO DESIGN-336 flex */ }
    .eo-vis-control-list-table-row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-bottom: 1px solid #ededed;
        background-color: white; }
    .eo-vis-control-list-table-item {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .eo-vis-control-list-table-button {
        text-align: center;
        min-width: 36px;
        color: dimgrey;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        cursor: pointer; }
    .eo-vis-control-list-table-button:hover {
        color: black; }

    .eo-vis-control-list .eo-vis-attribute-control-runtimeButton {
        margin-top: 2px; }

    .eo-vis-control-list .eo-vis-attribute-control-runtimeButton + .eo-vis-attribute-control-label--list {
        width: calc(100% - 36px); }

    .eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-input.eo-vis-control-list-input {
        margin-top: 0; }

    .eo-vis-control-serviceModel {
        padding-left: 0; }
    .eo-vis-control-serviceModel-row--withSelection {
        border-bottom: 4px solid #ededed; }
    .eo-vis-control-serviceModel-direction {
        padding-left: 18px; }
    .eo-vis-control-serviceModel-direction:first-child {
        border-bottom: 4px solid #ededed; }
    .eo-vis-control-serviceModel-autocomplete {
        width: 50%;
        min-width: 50%;
        display: inline-block;
        height: 28px; }
    .eo-vis-control-serviceModel-autocomplete--invalidSelection {
        color: red; }
    .eo-vis-control-serviceModel-autocomplete md-autocomplete-wrap {
        height: 28px;
        box-shadow: none; }
    .eo-vis-control-serviceModel-autocomplete md-autocomplete-wrap input {
        height: 28px; }
    .eo-vis-control-serviceModel-dialog {
        width: 80vw; }
    .eo-vis-control-serviceModel-dialog-grid {
        height: 60vh; }
    .eo-vis-control-serviceModel .eo-vis-control-table-container {
        cursor: pointer; }

    .eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-label--servicemodel {
        width: calc(50% - 4px);
        display: inline-block;
        padding-left: 18px; }

    .eo-vis-control-runtime-switcher-button.btn:hover, .eo-vis-control-runtime-switcher-button.btn.active, .eo-vis-control-runtime-switcher-button.btn:focus, .eo-vis-control-runtime-switcher-button.btn[disabled]:hover, .eo-vis-control-runtime-switcher-button.btn[disabled].active, .eo-vis-control-runtime-switcher-button.btn[disabled]:focus {
        color: #333;
        background-color: white;
        border-color: #ccc; }

    .eo-vis-control-runtime-switcher-button--active {
        font-weight: bold; }

    .eo-vis-control-runtime-dialog {
        width: 80vw; }
    .eo-vis-control-runtime-dialog-close {
        margin-top: -2px;
        margin-right: 10px;
        width: 13px;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        float: right;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2; }
    .eo-vis-control-runtime-dialog button.btn.btn-xs, .eo-vis-control-runtime-dialog a.btn.btn-xs {
        font-size: 12px;
        /* overwrite overwritten global style */ }

    .eo-vis-control-runtime-textarea--disabled {
        color: grey; }

    .eo-vis-control-runtime-panel-button--disabled {
        opacity: 0.6; }

    .eo-vis-control-runtime-select {
        background-image: linear-gradient(45deg, transparent 50%, grey 50%), linear-gradient(135deg, grey 50%, transparent 50%), linear-gradient(to right, #ffffff00, #87ceeb00);
        background-position: calc(100% - 6px) 50%, calc(100% - 3px) 50%, 0 0;
        background-size: 4px 4px, 3px 4px, 25px 25px;
        background-repeat: no-repeat;
        appearance: none;
        -webkit-appearance: none;
        background-color: white;
        border-radius: 0;
        font-size: 12px;
        padding-left: 6px;
        padding-right: 16px;
        height: 24px;
        border: 1px solid #ccc; }
    .eo-vis-control-runtime-select:focus {
        /* overwrite global *:focus again */
        border: 1px solid #ccc;
        background-color: white; }

    .eo-vis-control-condition-group {
        padding: 4px;
        position: relative;
        margin: 10px 0 10px 0;
        width: 100%;
        font-size: 12px; }
    .eo-vis-control-condition-group label {
        font-size: 12px; }
    .eo-vis-control-condition-group button.btn, .eo-vis-control-condition-group a.btn {
        font-size: 12px; }
    .eo-vis-control-condition-group-match {
        vertical-align: top;
        margin-left: 14px;
        margin-bottom: 4px; }
    .eo-vis-control-condition-group-match--hidden {
        visibility: hidden; }
    .eo-vis-control-condition-group-actions {
        margin-left: 2px;
        margin-top: 2px; }
    .eo-vis-control-condition-group-content {
        padding-left: 10px;
        min-width: 500px; }
    .eo-vis-control-condition-group-left {
        position: absolute;
        height: calc(100% - 30px);
        top: 14px;
        width: 10px;
        border: 1px solid cornflowerblue;
        border-right-color: transparent; }
    .eo-vis-control-condition-group--highlight {
        background-color: whitesmoke; }

    .eo-vis-control-condition-criteria {
        position: relative;
        margin: 2px;
        padding: 2px;
        background-color: whitesmoke; }
    .eo-vis-control-condition-criteria-menu {
        cursor: pointer; }
    .eo-vis-control-condition-criteria-menu-wrapper {
        position: absolute;
        background-color: white;
        width: 100px;
        z-index: 999999999;
        display: none;
        left: -76px; }
    .eo-vis-control-condition-criteria-menu-item {
        padding: 4px;
        width: 100px; }
    .eo-vis-control-condition-criteria-menu-item:hover {
        background-color: whitesmoke; }
    .eo-vis-control-condition-criteria-menu:hover .eo-vis-control-condition-criteria-menu-wrapper {
        display: block; }
    .eo-vis-control-condition-criteria:hover {
        background-color: #e7e7e7; }
    .eo-vis-control-condition-criteria-delete.btn {
        height: 25px;
        padding: 0 4px 0 4px;
        margin-top: 5px;
        font-size: 12px; }
    .eo-vis-control-condition-criteria-select {
        margin: 0;
        height: 32px;
        width: 100%;
        box-sizing: border-box;
        border: none; }
    .eo-vis-control-condition-criteria-select--operator {
        font-size: 12px;
        height: 34px;
        text-align: center;
        text-align-last: center;
        background-color: white;
        -webkit-appearance: none;
        appearance: none;
        background-image: linear-gradient(45deg, transparent 50%, grey 50%), linear-gradient(135deg, grey 50%, transparent 50%), linear-gradient(to right, #ffffff00, #87ceeb00);
        background-position: calc(100% - 6px) 50%, calc(100% - 3px) 50%, 0 0;
        background-size: 4px 4px, 3px 4px, 25px 25px;
        background-repeat: no-repeat;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 1px solid #eceaea;
        border-bottom: 1px solid #eceaea; }
    .eo-vis-control-condition-criteria-select--operator:focus {
        /* to overwrite global *:focus style */
        border-top: 1px solid #eceaea;
        border-bottom: 1px solid #eceaea; }
    .eo-vis-control-condition-criteria-content {
        width: 100%; }
    .eo-vis-control-condition-criteria-content td {
        padding-left: 2px;
        padding-right: 2px; }

    /* TODO FLW-814 refactor, have 1 master class instead both: condition-criteria, eo-vis-control-condition-criteria */
    .condition-criteria-row {
        display: flex;
        flex-direction: row; }

    .condition-criteria-cell {
        padding: 4px; }
    .condition-criteria-cell--menu {
        text-align: center;
        padding-top: 12px;
        width: 25px; }
    .condition-criteria-cell--operand {
        width: calc(38%); }
    .condition-criteria-cell--operator {
        width: calc(23% - 90px); }
    .condition-criteria-cell--button {
        width: 79px;
        text-align: center; }

    .criteria-operand {
        border: 1px solid #eceaea;
        position: relative;
        height: 100%; }
    .criteria-operand-empty {
        position: relative; }
    .criteria-operand-empty-input {
        width: 100%;
        height: 32px;
        border: none;
        padding-left: 10px;
        font-size: 12px; }
    .criteria-operand-empty-input:focus {
        border: 1px solid #cccccc; }
    .criteria-operand-empty-input--left {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        outline: none; }
    .criteria-operand-empty-ghost {
        position: absolute;
        z-index: 99;
        top: 0;
        padding-left: 7px;
        padding-top: 8px;
        pointer-events: none; }
    .criteria-operand-empty-ghost-pre {
        opacity: 0; }
    .criteria-operand-empty-ghost-main {
        opacity: 0.3; }
    .criteria-operand-dropdown {
        border: 1px solid #cccccc;
        position: absolute;
        background-color: white;
        width: 100%;
        z-index: 2; }
    .criteria-operand-dropdown-tabs {
        display: table;
        width: 100%; }
    .criteria-operand-dropdown-tabs-item {
        cursor: pointer;
        border-left: 1px solid #ccc;
        display: table-cell;
        text-align: center;
        border-bottom: 1px solid #ccc; }
    .criteria-operand-dropdown-tabs-item:focus {
        border-left: 1px solid #ccc; }
    .criteria-operand-dropdown-tabs-item--active {
        border-bottom: none;
        font-weight: bold; }
    .criteria-operand-dropdown-tabs-item:first-child {
        border-left: none; }
    .criteria-operand-dropdown-list-header {
        text-align: center;
        background-color: whitesmoke; }
    .criteria-operand-dropdown-list-item {
        cursor: pointer;
        border-bottom: 1px solid #ccc; }
    .criteria-operand-dropdown-list-item.criteria-operand-field--listItem:first-child {
        background-color: whitesmoke; }
    .criteria-operand-dropdown-list-item:hover.criteria-operand-field--listItem + .criteria-operand-field--listItem:first-child {
        background-color: white; }
    .criteria-operand-dropdown-list-item:hover.criteria-operand-field--listItem {
        background-color: whitesmoke; }
    .criteria-operand-dropdown-list-item--valueType span {
        vertical-align: middle;
        display: table-cell;
        height: 32px;
        padding-left: 10px; }
    .criteria-operand-dropdown-list-empty {
        padding: 6px;
        font-style: italic;
        color: grey;
        margin-top: 10px; }
    .criteria-operand-dropdown-list-item + .criteria-operand-dropdown-list-empty {
        display: none; }
    .criteria-operand-dropdown-list-vertical-container {
        height: 294px;
        /* 7 * 42px */ }
    .criteria-operand-field {
        padding: 0;
        background-color: white;
        width: 100%;
        height: 32px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; }
    .criteria-operand-field--listItem {
        padding-right: 6px; }
    .criteria-operand-field--invalid {
        outline: 1px solid orange; }
    .criteria-operand-field-element {
        font-size: 12px;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-top: 8px;
        margin-left: 10px; }
    .criteria-operand-field-name {
        white-space: nowrap;
        display: inline;
        padding-right: 6px; }
    .criteria-operand-field-name:hover {
        position: absolute;
        background-color: white;
        z-index: 2; }
    .criteria-operand-field-name--value {
        font-style: italic; }
    .criteria-operand-field-name--value .middleEllipsis-start {
        text-transform: capitalize; }
    .criteria-operand-field-name-invalid {
        color: orange;
        padding-right: 4px; }
    .criteria-operand-field-name-invalid:hover .criteria-operand-field-name-invalid-message {
        display: block; }
    .criteria-operand-field-name-invalid-message {
        background-color: white;
        position: absolute;
        display: none;
        top: -20px;
        padding: 2px;
        color: #d36528;
        font-size: 13px; }
    .criteria-operand-field-tags {
        text-align: right;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        display: flex;
        justify-content: flex-end;
        margin-right: 37px;
        margin-top: 7px; }
    .criteria-operand-field-tag {
        border-radius: 2px;
        padding: 2px 3px 2px 3px;
        background-color: white;
        font-size: 11px;
        margin-left: 2px;
        border: none;
        color: grey; }
    .criteria-operand-field .middleEllipsis {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start; }
    .criteria-operand-field .middleEllipsis-start {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre;
        flex-shrink: 1; }
    .criteria-operand-field .middleEllipsis-end {
        white-space: nowrap;
        flex-basis: content;
        flex-grow: 0;
        flex-shrink: 0; }
    .criteria-operand-field-scopeSelector {
        height: 32px;
        border: none;
        outline: none;
        border-right: 1px solid #eceaea;
        border-radius: 0;
        font-size: 12px;
        background-color: white;
        color: #696969;
        -webkit-appearance: none;
        cursor: pointer;
        position: relative;
        background-image: linear-gradient(45deg, transparent 50%, grey 50%), linear-gradient(135deg, grey 50%, transparent 50%), linear-gradient(to right, #ffffff00, #87ceeb00);
        background-position: calc(100% - 6px) 50%, calc(100% - 3px) 50%, 0 0;
        background-size: 4px 4px, 3px 4px, 25px 25px;
        background-repeat: no-repeat;
        padding: 0 15px 0 7px; }
    .criteria-operand-field-scopeSelector:focus {
        /* overwrites the known *:focus global rule */
        outline-color: #3c88fd; }
    .criteria-operand-field-scopeSelector::after {
        content: "Scope";
        color: #ccc;
        position: absolute; }
    .criteria-operand-deleteButton {
        position: absolute;
        right: 0;
        top: 5px;
        color: white;
        text-align: center;
        cursor: pointer;
        border: none;
        background-color: transparent;
        z-index: 2; }
    .criteria-operand-variable-value {
        height: 100%; }
    .criteria-operand-variable-value-input {
        display: block;
        padding-left: 11px;
        width: 100%;
        border: none;
        height: 100%;
        background-color: white;
        font-size: 12px; }
    .criteria-operand-variable-value-input--date [datetime] {
        width: calc(100% - 110px);
        border: none;
        height: 30px;
        padding-left: 6px; }
    .criteria-operand-variable-value-input--date select {
        height: 30px;
        border: none;
        border-radius: 0;
        margin-right: 4px;
        background-color: white; }
    .criteria-operand-variable-value-input--number {
        -moz-appearance: textfield; }
    .criteria-operand-variable-value-input--number::-webkit-inner-spin-button, .criteria-operand-variable-value-input--number::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
    .criteria-operand-variable-value-input-checkboxLabel {
        margin-top: 10px;
        cursor: pointer; }
    .criteria-operand-variable-value-input:focus {
        outline-style: solid;
        outline-width: 1px;
        outline-color: #0096ff; }
    .criteria-operand md-icon {
        height: 18px;
        width: 18px;
        min-height: 18px;
        min-width: 18px; }

    .criteria-outcome-value md-autocomplete-wrap {
        box-shadow: none;
        font-size: 12px; }

    .criteria-outcome-value md-autocomplete input:not(.md-input) {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        padding-top: 2px; }

    .criteria-outcome-value md-autocomplete .md-show-clear-button button {
        padding: 0;
        margin: 2px 0 0; }

    .criteria-outcome-value md-autocomplete .md-show-clear-button button md-icon {
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0); }

    .eo-vis-control-templateModel {
        padding-left: 0; }
    .eo-vis-control-templateModel-row--withSelection {
        border-bottom: 4px solid #ededed; }
    .eo-vis-control-templateModel-direction {
        padding-left: 18px; }
    .eo-vis-control-templateModel-direction:first-child {
        border-bottom: 4px solid #ededed; }
    .eo-vis-control-templateModel-autocomplete {
        width: 50%;
        min-width: 50%;
        display: inline-block;
        height: 28px; }
    .eo-vis-control-templateModel-autocomplete--invalidSelection {
        color: red; }
    .eo-vis-control-templateModel-autocomplete md-autocomplete-wrap {
        height: 28px;
        box-shadow: none; }
    .eo-vis-control-templateModel-autocomplete md-autocomplete-wrap input {
        height: 28px; }
    .eo-vis-control-templateModel-dialog {
        width: 80vw; }
    .eo-vis-control-templateModel-dialog-grid {
        height: 60vh; }
    .eo-vis-control-templateModel .eo-vis-control-table-container {
        cursor: pointer; }

    .eo-vis-attribute-control--displayBlock .eo-vis-attribute-control-label--templatemodel {
        width: calc(50% - 4px);
        display: inline-block;
        padding-left: 18px; }

    .eo-vis-attributes-panel-language-selector {
        position: absolute;
        display: inline-block;
        top: 2px;
        right: 4px;
        min-width: 150px;
        text-align: right;
        cursor: pointer; }
    .eo-vis-attributes-panel-language-selector-list {
        display: none;
        text-align: left;
        position: absolute;
        background-color: white;
        padding-left: 6px;
        padding-right: 6px;
        padding-bottom: 6px;
        right: 0;
        width: 150px;
        border: 1px solid #cccccc;
        z-index: 2; }
    .eo-vis-attributes-panel-language-selector-item {
        list-style: none;
        padding: 4px;
        display: block;
        cursor: pointer; }
    .eo-vis-attributes-panel-language-selector-item--active {
        background-color: #337ab7;
        color: white; }
    .eo-vis-attributes-panel-language-selector-trigger {
        padding-right: 2px;
        padding-left: 2px;
        border: 1px solid #337ab7;
        color: #337ab7;
        cursor: pointer;
        max-width: 162px;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        box-sizing: border-box;
        height: 20px; }
    .eo-vis-attributes-panel-language-selector:hover .eo-vis-attributes-panel-language-selector-list {
        display: block;
        z-index: 9999; }

    .eo-vis-save-dialog .modal-body {
        height: 250px; }

    .eo-vis-save-dialog .validation {
        height: 100%; }
    .eo-vis-save-dialog .validation .validation-panel {
        position: absolute;
        right: 17px;
        z-index: 10; }
    .eo-vis-save-dialog .validation .eo-vis-validator-panel .ui-grid {
        border-top: none;
        border-left: none;
        border-right: none; }
    .eo-vis-save-dialog .validation .eo-vis-validator-panel .eo-vis-validator-panel-header-body {
        display: none; }

    .eo-vis-save-form-row {
        padding-top: 5px; }

    .eo-vis-save-form-name {
        width: 90%; }

    .eo-vis-save-form-description {
        resize: none;
        width: 90%;
        height: 80px; }

    .eo-vis-save-form-revision {
        resize: none;
        width: 90%;
        height: 80px; }

    .eo-vis-save-all-form-row {
        padding-top: 5px; }

    .eo-vis-save-all-form-name {
        width: 90%; }

    .eo-vis-save-all-form-description {
        resize: none;
        width: 90%;
        height: 80px; }

    .eo-vis-save-all-form-revision {
        resize: none;
        width: 90%;
        height: 80px; }

    .property-error {
        color: red; }

    .syntax-error {
        color: blue; }

    .schema-error {
        color: #f90; }

    .sentries-error {
        color: #ff00ff; }

    .validationError {
        opacity: 0.3; }

    .validationError:hover {
        opacity: 1; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-shape-translate svg {
        fill: #409EFF;
        stroke: #409EFF;
        stroke-width: 0.9; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-shape-translate.active svg {
        fill: white;
        stroke: white; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-shape-translate.active:hover:not(.disabled) {
        background-color: #409EFF; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-shape-translate:hover svg {
        fill: #2980b9;
        stroke: #2980b9; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-show-grid svg {
        fill: #409EFF;
        stroke: #409EFF;
        stroke-width: 0.9; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-show-grid.active svg {
        fill: white;
        stroke: white; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-show-grid.active:hover:not(.disabled) {
        background-color: #409EFF; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-show-grid:hover svg {
        fill: #2980b9;
        stroke: #2980b9; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-docker-delete svg {
        fill: #409EFF;
        stroke: #409EFF;
        stroke-width: 0.9; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-docker-delete.active svg {
        fill: white;
        stroke: white; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-docker-delete.active:hover:not(.disabled) {
        background-color: #409EFF; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-docker-delete:hover svg {
        fill: #2980b9;
        stroke: #2980b9; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-notes svg {
        fill: #409EFF;
        stroke: #409EFF;
        stroke-width: 0.9; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-notes.active svg {
        fill: white;
        stroke: white; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-notes.active:hover:not(.disabled) {
        background-color: #409EFF; }

    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-notes:hover svg {
        fill: #2980b9;
        stroke: #2980b9; }

    .note_box:after, .note_box:before {
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }

    .note_icon_bottom:after, .note_icon_bottom:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }

    .noteBox {
        position: absolute;
        width: 150px;
        height: 66px;
        z-index: 900;
        top: 0;
        left: 0; }
    .noteBox .notes {
        width: 150px;
        height: 60px;
        overflow: auto;
        overflow-x: hidden;
        text-align: center;
        vertical-align: middle;
        display: block;
        word-break: break-word;
        background-color: #eee;
        border-radius: 6px; }
    .noteBox .editor {
        width: 150px;
        height: 60px;
        display: none;
        box-shadow: -1px -1px 2px #aaa;
        background-color: #fff;
        border-radius: 4px;
        outline: none;
        border-width: 0; }
    .noteBox .top {
        box-shadow: -2px -2px 10px #888; }
    .noteBox .top:after {
        top: 100%;
        left: 50%;
        border-top-color: #fff; }
    .noteBox .top:before {
        top: 100%;
        left: 50%;
        border-top-color: #000; }
    .noteBox .bottom {
        box-shadow: 2px 2px 10px #888; }
    .noteBox .bottom:after {
        bottom: 100%;
        left: 50%;
        border-bottom-color: #fff; }
    .noteBox .bottom:before {
        bottom: 100%;
        left: 50%;
        border-bottom-color: #000; }
    .noteBox .right {
        box-shadow: 2px 2px 10px #888; }
    .noteBox .right:after {
        right: 100%;
        top: 50%;
        border-right-color: #fff;
        margin-top: 1px; }
    .noteBox .right:before {
        right: 100%;
        top: 50%;
        border-right-color: #000; }
    .noteBox .left {
        box-shadow: -2px -2px 10px #888; }
    .noteBox .left:after {
        left: 100%;
        top: 50%;
        border-left-color: #fff;
        margin: 1px 0 0; }
    .noteBox .left:before {
        left: 100%;
        top: 50%;
        border-left-color: #000;
        margin: 0; }

    .note_box {
        position: relative;
        background: #fff;
        border: 1px solid #000;
        box-shadow: 10px 10px 5px #888;
        width: 150px;
        height: 60px;
        padding: 4px;
        border-radius: 7px; }
    .note_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-width: 5px;
        margin-left: -5px; }
    .note_box:before {
        border-color: rgba(0, 0, 0, 0);
        border-width: 6px;
        margin-left: -6px; }

    .note_icon {
        position: absolute;
        width: 10px;
        height: 6px;
        z-index: 901;
        top: 0;
        left: 0;
        opacity: .3;
        filter: alpha(opacity=30);
        cursor: pointer; }
    .note_icon:hover {
        opacity: 1;
        filter: alpha(opacity=100); }

    .note_icon_bottom {
        position: relative;
        background: #fff;
        border: 1px solid #000;
        width: 10px;
        height: 6px;
        border-radius: 2px;
        display: block; }
    .note_icon_bottom:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #fff;
        border-width: 2px;
        margin-left: -2px; }
    .note_icon_bottom:before {
        border-color: rgba(0, 0, 0, 0);
        border-top-color: #000;
        border-width: 3px;
        margin-left: -3px; }
    .note_icon_bottom.left:after {
        left: 100%;
        top: 50%;
        border-left-color: #fff;
        border-top-color: transparent;
        border-width: 2px;
        margin-top: -2px;
        margin-left: 0; }
    .note_icon_bottom.left:before {
        left: 100%;
        top: 50%;
        border-left-color: #000;
        border-top-color: transparent;
        border-width: 3px;
        margin-top: -3px;
        margin-left: 0; }

    div::-moz-selection {
        color: inherit;
        background-color: inherit; }

    div::selection {
        color: inherit;
        background-color: inherit; }

    .eo-vis-data-model-viewer-dialog {
        width: 70%; }
    .eo-vis-data-model-viewer-dialog.modal-dialog {
        width: 800px; }
    .eo-vis-data-model-viewer-dialog-content {
        width: 100%; }
    .eo-vis-data-model-viewer-dialog-content-body #dataModelViewerDetails {
        height: 100%; }
    .eo-vis-data-model-viewer-dialog-content-body #dataModelViewerDetails .grid {
        width: 100%;
        height: 100%;
        min-height: 250px; }
    .eo-vis-data-model-viewer-dialog-content-body #dataModelViewerDetails .grid .variableName, .eo-vis-data-model-viewer-dialog-content-body #dataModelViewerDetails .grid .variableWithScope, .eo-vis-data-model-viewer-dialog-content-body #dataModelViewerDetails .grid .deleteVariable, .eo-vis-data-model-viewer-dialog-content-body #dataModelViewerDetails .grid .variable {
        display: inline-block;
        width: 16px !important;
        height: 16px !important;
        margin: -2px 2px 0 2px;
        cursor: pointer;
        overflow: hidden;
        text-indent: 50px;
        border: 0; }
    .eo-vis-data-model-viewer-dialog-content-body #dataModelViewerDetails .grid .variableName {
        background: transparent url(/flowable-design/vis-flowable-editor/img/model_variable-5319e45d28280dafa5dc688472cdf978.png) no-repeat scroll 0 0; }
    .eo-vis-data-model-viewer-dialog-content-body #dataModelViewerDetails .grid .variableWithScope {
        background: transparent url(/flowable-design/vis-flowable-editor/img/model_variable-5319e45d28280dafa5dc688472cdf978.png) no-repeat scroll -17px 0; }
    .eo-vis-data-model-viewer-dialog-content-body #dataModelViewerDetails .grid .variable {
        background: transparent url(/flowable-design/vis-flowable-editor/img/model_variable-5319e45d28280dafa5dc688472cdf978.png) no-repeat scroll -34px 0;
        cursor: default; }
    .eo-vis-data-model-viewer-dialog-content-body #dataModelViewerDetails .grid .deleteVariable {
        background: transparent url(/flowable-design/vis-flowable-editor/img/model_variable-5319e45d28280dafa5dc688472cdf978.png) no-repeat scroll -34px -34px; }
    .eo-vis-data-model-viewer-dialog-content-body #dataModelViewerDetails .grid .variableName:hover {
        background-position: 0 -17px; }
    .eo-vis-data-model-viewer-dialog-content-body #dataModelViewerDetails .grid .variableWithScope:hover {
        background-position: -17px -17px; }
    .eo-vis-data-model-viewer-dialog-content-body #dataModelViewerDetails .grid .deleteVariable:hover {
        background-position: -34px -17px; }
    .eo-vis-data-model-viewer-dialog-content-button .left {
        float: left; }

    .eo-vis-menu-bar-element .eo-vis-menu > div.eo-vis-value-default-prefix {
        position: relative;
        display: inline-block;
        margin-top: 4px;
        width: 200px; }
    .eo-vis-menu-bar-element .eo-vis-menu > div.eo-vis-value-default-prefix md-autocomplete {
        height: 25px; }
    .eo-vis-menu-bar-element .eo-vis-menu > div.eo-vis-value-default-prefix md-autocomplete-wrap {
        height: 25px;
        width: 90px;
        display: inline-block;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 1px solid #cccccc; }
    .eo-vis-menu-bar-element .eo-vis-menu > div.eo-vis-value-default-prefix md-autocomplete input:not(.md-input) {
        padding-left: 4px;
        padding-right: 4px;
        width: 59px;
        height: 25px;
        line-height: 25px;
        font-size: 12px; }
    .eo-vis-menu-bar-element .eo-vis-menu > div.eo-vis-value-default-prefix md-autocomplete button {
        position: absolute;
        max-height: 25px;
        max-width: 25px;
        margin: 0 0 0 0; }
    .eo-vis-menu-bar-element .eo-vis-menu > div.eo-vis-value-default-prefix md-autocomplete button md-icon {
        transform: translate3d(-50%, -50%, 0) scale(0.6); }
    .eo-vis-menu-bar-element .eo-vis-menu > div.eo-vis-value-default-prefix .eo-vis-value-default-prefix-label {
        font-size: 12px;
        display: inline-block;
        margin-left: 12px; }
    .eo-vis-menu-bar-element .eo-vis-menu > div.eo-vis-value-default-prefix .eo-vis-value-default-prefix-autoComplete {
        display: inline-block;
        width: 90px;
        min-width: 90px; }

    .md-virtual-repeat-container.md-autocomplete-suggestions-container {
        z-index: 9999999; }

    .publish-app-list {
        max-height: 200px;
        overflow: auto;
        border: 1px solid #e8e8e8;
        padding-left: 0;
        outline: none; }
    .publish-app-list-item {
        padding-top: 4px;
        outline: none;
        cursor: pointer;
        height: 28px;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
        list-style: none;
        border: 1px solid transparent;
        border-bottom: 1px solid #e8e8e8;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .publish-app-list-item:hover {
        border: 1px solid #337ab7; }
    .publish-app-list-item--selected {
        background-color: #337ab7;
        color: white; }

    .flag-icon-background, .flag-icon {
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat; }

    .flag-icon {
        position: relative;
        display: inline-block;
        width: 1.33333em;
        line-height: 1em; }
    .flag-icon:before {
        content: '\00a0'; }
    .flag-icon.flag-icon-squared {
        width: 1em; }

    .eo-vis-menu-lang-control {
        top: -6px; }

    .eo-vis-menu-dropdown-control .eo-vis-menu-lang-dropdown {
        position: absolute;
        margin-top: 6px;
        display: none; }

    .eo-vis-menu-dropdown-control .eo-vis-menu-diagram-lang-icon {
        background-image: url(/flowable-design/vis-flowable-editor/img/icon128px-exported-black-0487fc4472f29b80086e9bcdf2a39057.png); }

    .eo-vis-menu-dropdown-control:hover .eo-vis-menu-lang-dropdown {
        display: block;
        z-index: 999999999999999999999999;
        position: absolute;
        padding-left: 0;
        border: 1px solid #e8e8e8;
        width: 150px;
        background-color: whitesmoke;
        left: 0;
        text-align: left; }
    .eo-vis-menu-dropdown-control:hover .eo-vis-menu-lang-dropdown-item.selected {
        background-color: white; }
    .eo-vis-menu-dropdown-control:hover .eo-vis-menu-lang-dropdown-item {
        padding: 5px 5px; }
    .eo-vis-menu-dropdown-control:hover .eo-vis-menu-lang-dropdown-item:hover {
        background-color: white; }
    .eo-vis-menu-dropdown-control:hover .eo-vis-menu-lang-dropdown-item div {
        outline: none;
        cursor: pointer;
        font-size: 12px;
        text-overflow: ellipsis; }

    .flw__component--required__label:after {
        content: '*';
        opacity: 0.5; }

    .eo-vis-menu-bar-element .eo-vis-menu.eo-vis-menu--close {
        border-right: 0 none transparent;
        float: right;
        margin-right: -15px; }

    .eo-vis-menu-bar {
        height: 42px;
        /*to allow a 1px spacing top an bottom of the bar*/
        box-sizing: border-box;
        width: 100%;
        list-style-type: none;
        padding: 0 15px 0 5px;
        /*so it is aligned with edorasone main menu*/
        margin: 0;
        border-bottom: 1px solid #cccccc; }
    .eo-vis-menu-bar-element {
        width: 100%;
        padding-top: 0;
        height: 100%;
        box-sizing: border-box; }
    .eo-vis-menu-bar-element .eo-vis-menu {
        display: inline-block;
        font-size: 18px;
        border-right: 1px solid #c8c8c8;
        height: 100%;
        float: left;
        box-sizing: border-box;
        /*separator*/ }
    .eo-vis-menu-bar-element .eo-vis-menu > div, .eo-vis-menu-bar-element .eo-vis-menu a {
        display: inline-block;
        color: dimgrey;
        position: relative;
        width: 40px;
        height: 40px;
        box-sizing: border-box; }
    .eo-vis-menu-bar-element .eo-vis-menu > div button, .eo-vis-menu-bar-element .eo-vis-menu a button {
        width: 100%;
        height: 100%;
        position: absolute; }
    .eo-vis-menu-bar-element .eo-vis-menu > div .active, .eo-vis-menu-bar-element .eo-vis-menu a .active {
        background-color: #2980b9; }
    .eo-vis-menu-bar-element .eo-vis-menu > div .active svg, .eo-vis-menu-bar-element .eo-vis-menu a .active svg {
        fill: white;
        stroke: white; }
    .eo-vis-menu-bar-element .eo-vis-menu > div:hover:not(.disabled), .eo-vis-menu-bar-element .eo-vis-menu a:hover:not(.disabled) {
        background-color: white; }
    .eo-vis-menu-bar-element .eo-vis-menu > div:hover:not(.disabled) svg, .eo-vis-menu-bar-element .eo-vis-menu a:hover:not(.disabled) svg {
        fill: #2980b9; }
    .eo-vis-menu-bar-element .eo-vis-menu > div:hover:not(.disabled) button, .eo-vis-menu-bar-element .eo-vis-menu > div:hover:not(.disabled) a, .eo-vis-menu-bar-element .eo-vis-menu a:hover:not(.disabled) button, .eo-vis-menu-bar-element .eo-vis-menu a:hover:not(.disabled) a {
        color: #2980b9; }
    .eo-vis-menu-bar-element .eo-vis-menu:not(.eo-vis-menu--single) > div:last-of-type button {
        margin-right: 0; }
    .eo-vis-menu-bar-element .eo-vis-menu:not(.eo-vis-menu--single) > div:last-of-type button:after {
        border-right: 1px solid #cccccc;
        content: "";
        height: 20px;
        left: 31px;
        position: absolute;
        top: 2px; }
    .eo-vis-menu-bar-element .eo-vis-menu:last-child > div:last-of-type button {
        margin-left: 1px; }
    .eo-vis-menu-bar-element .eo-vis-menu:last-child > div:last-of-type button:after {
        border: none; }
    .eo-vis-menu-bar-element .eo-vis-menu .btn {
        background-color: transparent;
        border-radius: 0;
        cursor: pointer;
        vertical-align: top;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        padding: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        outline: none; }
    .eo-vis-menu-bar-element .eo-vis-menu .btn:before {
        text-align: center; }
    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-dropdown-control:hover .eo-vis-menu-dropdown {
        display: block;
        z-index: 999999999999999999999999;
        position: absolute;
        padding-left: 0;
        border: 1px solid #e8e8e8;
        width: 110px;
        background-color: whitesmoke;
        left: 0; }
    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-dropdown-control:hover .eo-vis-menu-dropdown > div {
        height: 42px;
        width: 50px;
        display: inline-block;
        position: relative; }
    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-dropdown-control:hover .eo-vis-menu-dropdown > div:hover {
        background-color: white; }
    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-dropdown-control:hover .eo-vis-menu-dropdown > div > button {
        display: block;
        color: #409EFF; }
    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-dropdown-control:hover .eo-vis-menu-dropdown > div > button:hover {
        color: #2980b9; }
    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-dropdown {
        display: none; }
    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-svgWrapper {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding: 8px;
        outline: none;
        text-align: center;
        height: 41px;
        width: 40px; }
    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-svgWrapper svg {
        width: 100%;
        height: 100%;
        fill: #409EFF; }
    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-svgWrapper.disabled svg {
        fill: #c8c8c8; }
    .eo-vis-menu-bar-element .eo-vis-menu .eo-vis-menu-svgWrapper.active {
        background-color: #2980b9; }
    .eo-vis-menu-bar-element .eo-vis-menu .btn.disabled {
        cursor: auto;
        color: #c8c8c8;
        opacity: 1;
        pointer-events: none; }
    .eo-vis-menu-bar-element .eo-vis-menu button {
        position: relative; }
    .eo-vis-menu-bar-element .eo-vis-menu button:not([disabled]) {
        color: #333333; }
    .eo-vis-menu-bar-element .eo-vis-menu button:not([disabled]):hover {
        background-color: white; }

    html, body {
        height: 100%;
        margin: 0px; }

    .eo-compare-revisions {
        width: 100%;
        height: 100%; }
    .eo-compare-revisions button,
    .eo-compare-revisions input,
    .eo-compare-revisions optgroup,
    .eo-compare-revisions select,
    .eo-compare-revisions textarea {
        font: 14px arial, sans-serif !important;
        color: white !important; }
    .eo-compare-revisions .ui-splitbar {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc; }
    .eo-compare-revisions #eo-compareLeft {
        width: 50%;
        height: 100%;
        position: absolute;
        left: 0px;
        padding-top: 40px;
        border: 1px solid #d3d3d3;
        border-width: 0 1px 0 0; }
    .eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu {
        width: 100%;
        height: 40px;
        margin-top: -40px;
        background-color: #b30037;
        border-color: #d3d3d3; }
    .eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .logo {
        background-repeat: no-repeat;
        background-image: url(/flowable-design/vis-flowable-editor/img/edorasware-logo-white-0679c591f3fead7aa06cbe967d41c161.svg);
        background-position: 17px 10px;
        background-size: auto 20px;
        -moz-background-size: auto 20px;
        height: 20px;
        outline: none;
        padding: 10px 10px 10px 17px;
        width: 118px;
        display: inline-block; }
    .eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .revisions {
        position: relative;
        float: right; }
    .eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .revisions:hover {
        background-color: #800027; }
    .eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .revisions::after {
        content: '\25bc';
        color: white;
        right: 4px;
        top: 12px;
        position: absolute;
        pointer-events: none; }
    .eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .revisions select {
        height: 40px;
        line-height: 40px;
        padding: 0px 20px 0 10px;
        background-color: #b30037;
        color: white;
        float: right;
        border-width: 0px;
        outline: none;
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
    .eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .revisions select > * {
        outline: none; }
    .eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .revisions select::-ms-expand {
        display: none; }
    .eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .revisions select:hover {
        background-color: #800027; }
    .eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .revisions select option {
        padding: 10px; }
    .eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .revisions select option + option {
        padding: 5px 10px; }
    .eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu .revisions select option:hover {
        background-color: #800027; }
    .eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu button {
        height: 40px;
        line-height: 40px;
        padding: 0px 10px;
        background-color: #b30037;
        float: right;
        border-width: 0px;
        outline: none; }
    .eo-compare-revisions #eo-compareLeft #eo-compareLeftMenu button:hover {
        background-color: #800027; }
    .eo-compare-revisions #eo-compareLeft .eo-compare-revisions-containerWrapper {
        height: calc(100% - 40px); }
    .eo-compare-revisions #eo-compareLeft .eo-compare-revisions-containerWrapper #eo-compareLeftContainer {
        width: 100%;
        height: 100%; }
    .eo-compare-revisions #eo-compareRight {
        width: 50%;
        height: 100%;
        position: absolute;
        right: 0px;
        padding-top: 40px;
        border: 1px solid #d3d3d3;
        border-width: 0 0 0 1px; }
    .eo-compare-revisions #eo-compareRight #eo-compareRightMenu {
        width: 100%;
        height: 40px;
        margin-top: -40px;
        background-color: #b30037;
        border-color: #d3d3d3;
        border-width: 0px; }
    .eo-compare-revisions #eo-compareRight #eo-compareRightMenu .revisions {
        position: relative;
        float: right; }
    .eo-compare-revisions #eo-compareRight #eo-compareRightMenu .revisions:hover {
        background-color: #800027; }
    .eo-compare-revisions #eo-compareRight #eo-compareRightMenu .revisions::after {
        content: '\25bc';
        color: white;
        right: 4px;
        top: 12px;
        position: absolute;
        pointer-events: none; }
    .eo-compare-revisions #eo-compareRight #eo-compareRightMenu .revisions select {
        height: 40px;
        line-height: 40px;
        padding: 0px 20px 0 10px;
        background-color: #b30037;
        color: white;
        float: right;
        border-width: 0px;
        outline: none;
        display: inline-block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
    .eo-compare-revisions #eo-compareRight #eo-compareRightMenu .revisions select > * {
        outline: none; }
    .eo-compare-revisions #eo-compareRight #eo-compareRightMenu .revisions select::-ms-expand {
        display: none; }
    .eo-compare-revisions #eo-compareRight #eo-compareRightMenu .revisions select:hover {
        background-color: #800027; }
    .eo-compare-revisions #eo-compareRight #eo-compareRightMenu .revisions select option {
        padding: 10px; }
    .eo-compare-revisions #eo-compareRight #eo-compareRightMenu .revisions select option + option {
        padding: 5px 10px; }
    .eo-compare-revisions #eo-compareRight #eo-compareRightMenu .revisions select option:hover {
        background-color: #800027; }
    .eo-compare-revisions #eo-compareRight #eo-compareRightMenu button {
        height: 40px;
        line-height: 40px;
        padding: 0px 10px;
        background-color: #b30037;
        float: right;
        border-width: 0px;
        outline: none; }
    .eo-compare-revisions #eo-compareRight #eo-compareRightMenu button:hover {
        background-color: #800027; }
    .eo-compare-revisions #eo-compareRight .eo-compare-revisions-containerWrapper {
        height: calc(100% - 40px); }
    .eo-compare-revisions #eo-compareRight .eo-compare-revisions-containerWrapper #eo-compareRightContainer {
        width: 100%;
        height: 100%; }

    #eo-leftSliderContainer .eo-x-slider-hbar, #eo-rightSliderContainer .eo-x-slider-hbar {
        background: #e8e8e8;
        border: 1px solid #a6a6a6;
        width: 11px;
        height: 113px;
        position: absolute;
        top: 0px;
        left: 1px;
        z-index: 998; }

    #eo-leftSliderContainer .eo-x-slider-hbar-highlight, #eo-rightSliderContainer .eo-x-slider-hbar-highlight {
        background: #bfbfbf;
        border: 1px solid #a6a6a6;
        width: 11px;
        height: 0px;
        position: absolute;
        top: 0px;
        left: 1px;
        z-index: 999; }

    #eo-leftSliderContainer .eo-x-slider-up, #eo-rightSliderContainer .eo-x-slider-up {
        position: absolute;
        z-index: 1000;
        width: 15px;
        height: 15px;
        font-size: 0px;
        top: -15px;
        left: 0px;
        background: transparent url(/flowable-design/vis-flowable-editor/img/tool-sprites-b35daeb24ba16964560cba28659bfca5.png) no-repeat scroll 0px -240px;
        cursor: pointer; }

    #eo-leftSliderContainer .eo-x-slider-up-over, #eo-rightSliderContainer .eo-x-slider-up-over {
        background: transparent url(/flowable-design/vis-flowable-editor/img/tool-sprites-b35daeb24ba16964560cba28659bfca5.png) no-repeat scroll -15px -240px; }

    #eo-leftSliderContainer .eo-x-slider-thumb, #eo-rightSliderContainer .eo-x-slider-thumb {
        position: absolute;
        z-index: 1000;
        width: 15px;
        height: 15px;
        font-size: 0px;
        top: 0px;
        left: 0px;
        background: transparent url(/flowable-design/vis-flowable-editor/img/tool-sprites-b35daeb24ba16964560cba28659bfca5.png) no-repeat scroll 0px -15px;
        cursor: pointer; }

    #eo-leftSliderContainer .eo-x-slider-thumb-over, #eo-rightSliderContainer .eo-x-slider-thumb-over {
        background: transparent url(/flowable-design/vis-flowable-editor/img/tool-sprites-b35daeb24ba16964560cba28659bfca5.png) no-repeat scroll -15px -15px; }

    #eo-leftSliderContainer .eo-x-slider-down, #eo-rightSliderContainer .eo-x-slider-down {
        position: absolute;
        z-index: 1000;
        width: 15px;
        height: 15px;
        font-size: 0px;
        top: 115px;
        left: 0px;
        background: transparent url(/flowable-design/vis-flowable-editor/img/tool-sprites-b35daeb24ba16964560cba28659bfca5.png) no-repeat scroll 0px -255px;
        cursor: pointer; }

    #eo-leftSliderContainer .eo-x-slider-down-over, #eo-rightSliderContainer .eo-x-slider-down-over {
        background: transparent url(/flowable-design/vis-flowable-editor/img/tool-sprites-b35daeb24ba16964560cba28659bfca5.png) no-repeat scroll -15px -255px; }

    #eo-rightSliderContainer, #eo-leftSliderContainer {
        height: 130px;
        position: absolute;
        top: 60px;
        left: 5px;
        opacity: 0.8; }

    #eo-rightContainer, #eo-leftContainer {
        overflow: auto;
        width: 100%;
        height: 100%; }

    .eo-tooltip-container {
        padding: 10px;
        position: absolute;
        margin: 0;
        opacity: 1;
        border-radius: 5px;
        background-color: #808080;
        height: auto;
        width: auto;
        color: #efefef;
        z-index: 1000; }
    .eo-tooltip-container .eo-hideTooltip {
        cursor: pointer;
        background: #989898;
        text-align: center;
        color: #efefef;
        border-radius: 10px;
        position: absolute;
        top: -5px;
        right: -5px;
        display: block;
        width: 20px;
        height: 20px;
        line-height: 18px;
        font-size: 0px;
        background-image: url(/flowable-design/vis-flowable-editor/img/false-64fce972d722c089e1ea1bdb66a85f70.png);
        background-repeat: no-repeat;
        background-position: center; }
    .eo-tooltip-container .eo-hideTooltip:hover {
        background: #C0C3C0;
        background-image: url(/flowable-design/vis-flowable-editor/img/false-64fce972d722c089e1ea1bdb66a85f70.png);
        background-repeat: no-repeat;
        background-position: center; }
    .eo-tooltip-container .eo-inner-tooltip-container {
        max-height: 300px;
        overflow-x: hidden;
        overflow-y: auto; }
    .eo-tooltip-container thead td {
        border-bottom: 1px solid #C0C0C0;
        padding-bottom: 4px;
        color: #FFCC00; }
    .eo-tooltip-container td {
        min-width: 80px;
        max-width: 150px;
        padding: 2px 10px 2px 10px;
        word-wrap: break-word;
        vertical-align: top; }
    .eo-tooltip-container table {
        border-collapse: collapse;
        font-size: 15px; }
    .eo-tooltip-container .eo-col-b {
        border-right: 1px solid #C0C0C0; }

    .eo-compare-tooltip {
        border-bottom: 1px dashed #ccc;
        cursor: pointer; }

    .eo-toolTipContainer {
        display: none; }

    .edoras-one .eo-vis-editor-pane-container {
        padding: 0px !important; }

    .edoras-one button {
        box-sizing: border-box; }

    .edoras-one .firefox .eo-vis-canvas-area svg text {
        stroke-width: 0px !important; }

    .edoras-one .firefox .eo-vis-canvas-area svg .transparent {
        fill: transparent;
        stroke: none; }

    svg .tablabel * {
        fill: #888888;
        cursor: pointer;
        text-decoration: underline; }

    svg .activetablabel * {
        fill: black;
        cursor: pointer;
        text-decoration: underline; }

    svg .accordionlabel * {
        fill: #888888;
        cursor: pointer; }

    svg .activeaccordionlabel * {
        fill: black;
        cursor: pointer; }

    svg .tab-arrow {
        cursor: pointer; }

    svg .accordion-arrow {
        stroke-width: 0.5;
        cursor: pointer; }

    .eo-vis-form-preview {
        width: 90%;
        margin: 20px auto; }
    .eo-vis-form-preview-content {
        background-color: white;
        padding: 20px; }
    .eo-vis-form-preview-design-button:before {
        content: '\f1fc';
        font-family: 'FontAwesome'; }

    .eo-vis-editor {
        background-color: whitesmoke;
        width: 100%;
        height: 100%;
        -moz-user-select: -moz-none;
        user-select: none;
        /*get back full space from pane container*/
        min-height: 0;
        /* firefox fix overflow with flex: */
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start; }
    .eo-vis-editor [disabled] {
        /* fix to allow documentElement event listeners */
        pointer-events: none; }

    .eo-vis-editor-header {
        -webkit-box-ordinal-group: 0;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
        -webkit-box-flex: 0 1 auto;
        -moz-box-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-align-self: stretch;
        align-self: stretch; }
    .eo-vis-editor-header #eo-vis-logo {
        width: 232px;
        height: 44px;
        margin: 5px;
        float: right;
        background: transparent url(/flowable-design/vis-flowable-editor/img/edorasvis-163dad9c28c2f5fea5d476c23603db30.png) no-repeat scroll 0 0; }
    .eo-vis-editor-header #eo-vis-model-name {
        float: left;
        height: 54px;
        line-height: 54px;
        padding-left: 5px; }

    .eo-vis-editor-content {
        -webkit-box-ordinal-group: 0;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-align-self: stretch;
        align-self: stretch;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        min-height: 0px;
        min-width: 0px;
        overflow: hidden;
        /* fix IE11 flex max-height, other than visible */ }

    .eo-vis-editor-left {
        -webkit-box-ordinal-group: 0;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
        -webkit-box-flex: 0 0 auto;
        -moz-box-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-align-self: stretch;
        align-self: stretch;
        width: 250px;
        min-width: 250px;
        position: relative; }
    .eo-vis-editor-left--collapsed {
        width: 20px;
        min-width: 20px; }

    .eo-vis-editor-right {
        -webkit-box-ordinal-group: 0;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
        -webkit-box-flex: 0 0 auto;
        -moz-box-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-align-self: stretch;
        align-self: stretch;
        position: relative;
        /* right header absolute position */
        padding-top: 26px; }
    .eo-vis-editor-right--collapsed {
        width: 20px;
        min-width: 20px;
        padding-top: 0; }
    .eo-vis-editor-right-expanded {
        width: 320px;
        min-width: 320px;
        max-width: calc(100vw - 250px);
        height: 100%; }

    .eo-vis-editor-center {
        -webkit-box-ordinal-group: 0;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-align-self: stretch;
        align-self: stretch;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start; }
    .eo-vis-editor-center .eo-vis-model-tabs {
        -webkit-box-ordinal-group: 0;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-align-self: stretch;
        align-self: stretch;
        overflow: hidden; }
    .eo-vis-editor-center .eo-vis-show-validator-panel {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-align-self: stretch;
        align-self: stretch;
        height: 40%; }
    .eo-vis-editor-center .eo-vis-search-panel {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        -webkit-box-flex: 1 1 auto;
        -moz-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-align-self: stretch;
        -moz-align-self: stretch;
        -ms-align-self: stretch;
        align-self: stretch;
        height: 40%; }
    .eo-vis-editor-center .eo-vis-search-panel-grid-wrapper {
        overflow: hidden;
        width: 100%;
        height: calc(100% - 57px); }

    .eo-vis-editor-left {
        overflow: hidden;
        box-sizing: border-box;
        top: 2px;
        border-right: 1px solid #c8c8c8; }
    .eo-vis-editor-left .eo-vis-editor-left-header {
        width: 100%;
        position: relative;
        background-color: #f8f8f8;
        border-bottom: 1px solid #cccccc;
        padding: 4px 0;
        cursor: pointer; }
    .eo-vis-editor-left .eo-vis-editor-left-header span {
        white-space: nowrap;
        display: block;
        padding-right: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box;
        padding: 2px 12px 2px 15px;
        font-size: 12px; }
    .eo-vis-editor-left .eo-vis-editor-left-header .eo-vis-editor-left-close {
        width: 12px;
        height: 21px;
        cursor: pointer;
        position: absolute;
        right: 0px;
        top: 0px;
        line-height: 24px;
        text-decoration: none;
        color: #333;
        font-size: 12px; }
    .eo-vis-editor-left-expanded {
        height: 100%; }

    .eo-vis-editor-center, .eo-vis-editor-center-container {
        overflow: hidden;
        z-index: 200; }

    .eo-vis-show-search-panel, .eo-vis-show-validator-panel {
        overflow: hidden; }

    .eo-vis-editor-center-model {
        width: 100%;
        height: 100%;
        /*display: table;*/ }

    .eo-vis-editor-search-panel-search-header {
        background: #F0F0F0;
        background: -webkit-linear-gradient(#F0F0F0, #DADADA);
        background: -o-linear-gradient(#F0F0F0, #DADADA);
        background: -moz-linear-gradient(#F0F0F0, #DADADA);
        background: linear-gradient(#F0F0F0, #DADADA);
        height: 18px;
        width: 100%;
        position: absolute;
        bottom: 0px;
        z-index: 1000;
        display: none; }
    .eo-vis-editor-search-panel-search-header .eo-vis-editor-search-panel-header {
        margin: 0px;
        padding: 5px; }
    .eo-vis-editor-search-panel-search-header .eo-vis-editor-vis-search-panel-close {
        padding: 2px 3px; }
    .eo-vis-editor-search-panel-search-header .eo-vis-editor-vis-search-panel-maximize {
        padding: 2px 22px; }

    .eo-vis-editor-right {
        overflow: visible;
        box-sizing: border-box;
        z-index: 300;
        outline: none;
        top: 2px;
        border-left: 1px solid #c8c8c8; }
    .eo-vis-editor-right .eo-vis-editor-right-header {
        cursor: pointer;
        width: 100%;
        height: 25px;
        position: absolute;
        top: 0;
        border-bottom: 1px solid #cccccc;
        background-color: #f8f8f8; }
    .eo-vis-editor-right .eo-vis-editor-right-header span {
        white-space: nowrap;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box;
        padding: 2px 12px 2px 15px;
        font-size: 12px; }
    .eo-vis-editor-right .eo-vis-editor-right-header .eo-vis-editor-right-close {
        width: 12px;
        height: 21px;
        cursor: pointer;
        position: absolute;
        left: -16px;
        top: 0;
        line-height: 18px;
        text-decoration: none;
        color: #333;
        font-size: 12px; }
    .eo-vis-editor-right .eo-vis-grid {
        background-color: white;
        height: calc(100% - 2px) !important;
        outline: none; }
    .eo-vis-editor-right .eo-vis-grid .ui-grid {
        height: calc(100% - 2px) !important;
        outline: none; }
    .eo-vis-editor-right .eo-vis-grid .ui-grid-top-panel {
        background: whitesmoke none;
        outline: none; }

    .eo-vis-editor-right.animate-column {
        -webkit-transition: width 0.8s cubic-bezier(0, 1.05, 0, 1);
        -moz-transition: width 0.8s cubic-bezier(0, 1.05, 0, 1);
        -ms-transition: width 0.8s cubic-bezier(0, 1.05, 0, 1);
        -o-transition: width 0.8s cubic-bezier(0, 1.05, 0, 1);
        transition: width 0.8s cubic-bezier(0, 1.05, 0, 1);
        -webkit-transition: right 0.8s cubic-bezier(0, 1.05, 0, 1);
        -moz-transition: right 0.8s cubic-bezier(0, 1.05, 0, 1);
        -ms-transition: right 0.8s cubic-bezier(0, 1.05, 0, 1);
        -o-transition: right 0.8s cubic-bezier(0, 1.05, 0, 1);
        transition: right 0.8s cubic-bezier(0, 1.05, 0, 1); }

    .ui-layout-column {
        overflow: hidden; }
    .ui-layout-column .ui-splitbar {
        background: #f8f8f8 url("") no-repeat center center;
        border-right: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        top: 2px; }
    .ui-layout-column .ui-splitbar a {
        display: none !important; }

    .eo-vis-editor-collapsed-left {
        position: relative;
        height: 100%;
        cursor: pointer; }
    .eo-vis-editor-collapsed-left .title {
        width: 300px;
        transform: rotate(90deg);
        transform-origin: bottom left 0;
        padding-left: 20px;
        font-weight: bold; }
    .eo-vis-editor-collapsed-left .eo-vis-editor-left-open {
        width: 12px;
        height: 21px;
        cursor: pointer;
        position: absolute;
        left: 3px;
        top: 0;
        line-height: 24px;
        text-decoration: none;
        color: #333333;
        font-size: 12px; }

    .eo-vis-editor-collapsed-right {
        position: relative;
        height: 100%;
        cursor: pointer; }
    .eo-vis-editor-collapsed-right .title {
        width: 300px;
        transform: rotate(90deg);
        transform-origin: bottom left 0;
        padding-left: 20px;
        font-weight: bold; }
    .eo-vis-editor-collapsed-right .eo-vis-editor-right-open {
        width: 12px;
        height: 21px;
        cursor: pointer;
        position: absolute;
        left: 3px;
        top: 0;
        line-height: 24px;
        text-decoration: none;
        color: #333333;
        font-size: 12px; }

    .eo-vis-editor-center .ui-splitbar {
        background-image: url(""); }

    .eo-vis-editor-center .animate-row {
        -webkit-transition: height 0.8s cubic-bezier(0, 1.05, 0, 1);
        -moz-transition: height 0.8s cubic-bezier(0, 1.05, 0, 1);
        -ms-transition: height 0.8s cubic-bezier(0, 1.05, 0, 1);
        -o-transition: height 0.8s cubic-bezier(0, 1.05, 0, 1);
        transition: height 0.8s cubic-bezier(0, 1.05, 0, 1);
        -webkit-transition: bottom 0.8s cubic-bezier(0, 1.05, 0, 1);
        -moz-transition: bottom 0.8s cubic-bezier(0, 1.05, 0, 1);
        -ms-transition: bottom 0.8s cubic-bezier(0, 1.05, 0, 1);
        -o-transition: bottom 0.8s cubic-bezier(0, 1.05, 0, 1);
        transition: bottom 0.8s cubic-bezier(0, 1.05, 0, 1); }

    #eo-vis-mask {
        width: 100%;
        height: 100%;
        background: transparent url(/flowable-design/vis-flowable-editor/img/indicator.medium-163a5a81c0e451e14dbef1f66ba2cad7.gif) no-repeat scroll center center;
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1000; }

    /*Tooltip - start*/
    .tooltip {
        position: absolute;
        z-index: 999;
        min-width: 40px;
        max-width: 300px;
        cursor: default;
        left: -1000;
        top: -1000;
        padding: 5px 8px 4px 8px !important;
        font: bold 12px helvetica, tahoma, sans-serif;
        text-align: left;
        color: #ffffff;
        background: #626262;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding;
        -ms-background-clip: padding;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
        opacity: 0.8 !important; }
    .tooltip:before {
        content: '';
        display: none;
        position: absolute;
        width: 0;
        height: 0;
        border: 5px solid #626262; }

    .tooltip-t:before {
        left: 50%;
        margin-left: -5px;
        display: block;
        border-top-color: #626262;
        border-bottom-width: 0;
        bottom: -5px;
        border-left-color: transparent !important;
        border-right-color: transparent !important; }

    .tooltip-b:before {
        left: 50%;
        margin-left: -5px;
        display: block;
        border-bottom-color: #626262;
        border-top-width: 0;
        top: -5px;
        border-left-color: transparent !important;
        border-right-color: transparent !important; }

    .tooltip-r:before {
        margin-top: -5px;
        top: 50%;
        display: block;
        border-right-color: #626262;
        border-left-width: 0;
        left: -5px;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important; }

    .tooltip-l:before {
        margin-top: -5px;
        top: 50%;
        display: block;
        border-left-color: #626262;
        border-right-width: 0;
        right: -5px;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important; }

    .tooltip-tr:before {
        left: 5px;
        margin: 0; }

    .tooltip-br:before {
        content: '';
        left: 5px;
        margin: 0; }

    .tooltip-tl:before {
        left: auto;
        margin: 0;
        right: 5px; }

    .tooltip-bl:before {
        left: auto;
        margin: 0;
        right: 5px; }

    .tooltip-rt:before {
        margin: 0;
        top: auto;
        bottom: 5px;
        border-right-color: #626262; }

    .tooltip-lt:before {
        margin: 0;
        top: auto;
        bottom: 5px;
        border-left-color: #626262; }

    .tooltip-rb:before {
        margin: 0;
        top: 5px;
        border-right-color: #626262; }

    .tooltip-lb:before {
        margin: 0;
        top: 5px;
        border-left-color: #626262; }

    /*Tooltip - end*/
    .Oryx_MorphMenu {
        z-index: 3; }

    html {
        overflow-y: auto !important; }

    .Oryx_button {
        position: absolute;
        width: 20px; }

    .Oryx_MorphMenu {
        position: absolute;
        margin: 0;
        min-width: 195px;
        width: 100%; }
    .Oryx_MorphMenu > li {
        cursor: pointer;
        padding: 7px 5px; }
    .Oryx_MorphMenu > li.disabled, .Oryx_MorphMenu .sub-menu > li.disabled {
        background-color: #fff;
        border: 1px solid #ddd;
        opacity: 1; }
    .Oryx_MorphMenu > li.disabled span, .Oryx_MorphMenu .sub-menu > li.disabled span {
        opacity: 0.5; }
    .Oryx_MorphMenu > li:hover {
        color: #000;
        background-color: #DDD;
        border-color: #DDD; }
    .Oryx_MorphMenu > li span {
        padding-left: 5px; }
    .Oryx_MorphMenu .sub-menu {
        display: none; }
    .Oryx_MorphMenu > li:hover > ul {
        display: block;
        position: absolute; }
    .Oryx_MorphMenu > li:hover li {
        float: none; }
    .Oryx_MorphMenu .sub-menu > li {
        border-top: 0;
        display: inline-block;
        word-break: normal;
        padding: 7px 0px 6px 10px;
        border: 1px solid #ddd;
        min-width: 260px;
        cursor: pointer; }
    .Oryx_MorphMenu .sub-menu > li > span {
        padding: 5px 10px; }
    .Oryx_MorphMenu .sub-menu > li > img {
        width: 15px;
        height: auto; }
    .Oryx_MorphMenu .sub-menu > li:hover {
        color: #000;
        background-color: #DDD;
        border-color: #DDD; }
    .Oryx_MorphMenu .scrollable-menu {
        height: auto;
        max-height: 200px;
        overflow-x: hidden; }
    .Oryx_MorphMenu > li ul {
        left: 100%;
        top: 0; }
    .Oryx_MorphMenu ul:before,
    .Oryx_MorphMenu ul:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */ }
    .Oryx_MorphMenu ul:after {
        clear: both; }

    .drag_proxy {
        position: absolute;
        width: 40px;
        height: 40px; }
    .drag_proxy .icon {
        width: 16px;
        height: 16px;
        float: left;
        background: url(/flowable-design/vis-flowable-editor/img/drop-no-ae536c37391ba78143b5c8283cec8d13.gif) no-repeat center center; }
    .drag_proxy img {
        float: left;
        margin-left: 5px; }

    .drag_proxy.allowed .icon {
        background: url(/flowable-design/vis-flowable-editor/img/drop-yes-f3216326c00890259e84f1726dd1043f.gif) no-repeat center center; }

    .alignRight {
        float: right; }

    .Oryx_font_menu {
        margin-top: 10px;
        padding-left: 0;
        display: inline-flex !important; }
    .Oryx_font_menu > div {
        display: inline; }

    .Oryx_SelectionFrame {
        position: absolute;
        border: 1px dotted gray;
        background: none; }

    .resizer_southeast {
        width: 12px;
        height: 12px;
        background: url(/flowable-design/vis-flowable-editor/img/se-handle-dark-f3d8d8aac23e3e9633072e2366cda847.gif) no-repeat center center;
        cursor: se-resize;
        background-position: 4px 0px; }

    .resizer_northwest {
        width: 12px;
        height: 12px;
        background: url(/flowable-design/vis-flowable-editor/img/nw-handle-dark-4a361e6920b2e34a39fd425a515c83b9.gif) no-repeat center center;
        cursor: nw-resize;
        background-position: -2px -2px; }

    .resizer_east {
        height: 20px;
        width: 10px;
        background: url(/flowable-design/vis-flowable-editor/img/e-handle-dark-b86289f41d7ad1a7401dd2b2a9b3c3d8.gif) no-repeat center center;
        cursor: e-resize;
        background-position: left center; }

    .resizer_west {
        height: 20px;
        width: 10px;
        background: url(/flowable-design/vis-flowable-editor/img/e-handle-dark-b86289f41d7ad1a7401dd2b2a9b3c3d8.gif) no-repeat center center;
        cursor: e-resize;
        background-position: left center; }

    .resizer_north {
        height: 3px;
        width: 20px;
        background: url(/flowable-design/vis-flowable-editor/img/s-handle-dark-4a6bf15d308a4ae580dd03cbd431a95c.gif) no-repeat center center;
        cursor: n-resize;
        background-position: top center; }

    .resizer_south {
        height: 3px;
        width: 20px;
        background: url(/flowable-design/vis-flowable-editor/img/s-handle-dark-4a6bf15d308a4ae580dd03cbd431a95c.gif) no-repeat center center;
        cursor: s-resize;
        background-position: top center; }

    .resizer_south {
        height: 3px;
        width: 20px;
        cursor: s-resize;
        background-position: top center; }

    .resizer_north {
        height: 3px;
        width: 20px;
        cursor: n-resize;
        background-position: top center; }

    .resizer_southeast, .resizer_northwest, .resizer_north, .resizer_south, .resizer_east, .resizer_west {
        position: relative;
        background-color: transparent;
        background-repeat: no-repeat; }

    /** Resizer for the Canvas **/
    .canvas_resize_indicator_area {
        margin: auto;
        display: block;
        height: 30px;
        left: 20%;
        position: absolute;
        text-align: center;
        top: 0;
        width: 60%; }

    .canvas_resize_indicator {
        width: 15px;
        height: 15px;
        position: absolute;
        display: block;
        margin: auto;
        opacity: 0.6; }

    .canvas_resize_indicator:hover {
        opacity: 1.0; }

    .canvas_resize_indicator_grow.S {
        left: 50%;
        bottom: 30px;
        margin-right: 15px;
        background: url(/flowable-design/vis-flowable-editor/img/arrow-bottom-b6bad3413b3b6b44d88442ad5dd0cef8.png) no-repeat center center; }

    .canvas_resize_indicator_shrink.S {
        left: 50%;
        margin-left: 15px;
        bottom: 30px;
        background: url(/flowable-design/vis-flowable-editor/img/arrow-top-e9a93ed2580743da16ecfa55585e0e3d.png) no-repeat center center; }

    .canvas_resize_indicator_grow.W {
        left: 10px;
        top: 50%;
        margin-bottom: 15px;
        background: url(/flowable-design/vis-flowable-editor/img/arrow-left-fc1780664629d0e9029515ae1e7f3437.png) no-repeat center center; }

    .canvas_resize_indicator_shrink.W {
        left: 10px;
        top: 50%;
        margin-top: 15px;
        background: url(/flowable-design/vis-flowable-editor/img/arrow-right-56c165e291fd6cb5dbf710e88b8ad991.png) no-repeat center center; }

    .canvas_resize_indicator_grow.E {
        right: 30px;
        top: 50%;
        margin-bottom: 15px;
        background: url(/flowable-design/vis-flowable-editor/img/arrow-right-56c165e291fd6cb5dbf710e88b8ad991.png) no-repeat center center; }

    .canvas_resize_indicator_shrink.E {
        right: 30px;
        top: 50%;
        margin-top: 15px;
        background: url(/flowable-design/vis-flowable-editor/img/arrow-left-fc1780664629d0e9029515ae1e7f3437.png) no-repeat center center; }

    .canvas_resize_indicator_grow.N {
        left: 50%;
        top: 35px;
        margin-right: 15px;
        background: url(/flowable-design/vis-flowable-editor/img/arrow-top-e9a93ed2580743da16ecfa55585e0e3d.png) no-repeat center center; }

    .canvas_resize_indicator_shrink.N {
        left: 50%;
        top: 35px;
        margin-left: 15px;
        background: url(/flowable-design/vis-flowable-editor/img/arrow-bottom-b6bad3413b3b6b44d88442ad5dd0cef8.png) no-repeat center center; }

    /** End Resizer **/
    .previewText {
        padding-left: 26px;
        font-family: arial,sans-serif;
        font-size: 24px;
        color: #ccc;
        font-style: italic;
        background: #fff url(/flowable-design/vis-flowable-editor/img/preview-d737b1b34d085fe7ce337fff66a29c5d.png) no-repeat 0 2px;
        position: absolute;
        top: 44%;
        left: 30%; }

    .loadPreviewText {
        display: block;
        background: #fff url(/flowable-design/vis-flowable-editor/img/indicator.medium-163a5a81c0e451e14dbef1f66ba2cad7.gif) no-repeat 0; }

    .gridline {
        visibility: hidden; }

    .showGrid .gridline {
        visibility: visible; }

    .noteBox:not(.editing) {
        visibility: hidden; }

    .note_icon {
        visibility: hidden; }

    .showNotes .noteBox:not(.empty),
    .showNotes .noteBox:not(.editing):not(.empty) {
        visibility: visible; }

    /*# sourceMappingURL=eo-vis-flowable-editor.css.map*/

    .fm-header{
  height: 30px;

  .fm-logo{
    height: 26px;
    vertical-align: middle;
  }
  .fm-title{
    display: inline-block;
    line-height: 50px;
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    opacity: 0.8;
    margin-left: 6px;
    cursor: pointer;
  }
  .fm-link{
    height: 50px;
    float: right;

    a{
      color: #fff;
      text-decoration: none;
      font-size: 14px;
      line-height: 50px;
      font-weight: 500;
      margin-left: 15px;

      &:hover{
        opacity: 0.8;
      }

      &.ad{
        color: #f5dab1;
      }
    }
  }
}
.fm-container{
  height: calc(100% - 50px);
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html,body{
  height: 100%;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  min-height: 100%;
  height: 100%;
}
</style>
